Better-Scroll内容无法下拉的Bug原因之一

#Better-Scorll# 系列文章

一、Better-Scroll是什么？

better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。

二、

1.Better-Scorll内容无法下拉的Bug原因之一

代码如下（示例）：

<template>
    <div>
        <scroll class="content">
          <div class="message">我是文章内容</div>
        </scroll>
    </div>
</template>
<script>
import Scroll from "../components/common/scroll/Scroll";
export default {
  name: "vue",
  components:{
    Scroll
  }
}
</script>
<style scoped>
.content{
  height: 100px;
  overflow: hidden;
}
.message{
  float: left; //此次的文章内容设置了float导致不能下拉
}
</style>

此时的Better-Scroll的第一个包裹的第一个Div样式里面有一个Float导致了元素的脱流，从而使Better-Scroll内容无法下拉！

2.解决办法

去掉Better-Scroll里面所有元素的浮动效果
eg:

.clearfix{
	clear: both;
}