在vue中使用Better-Scroll

1. 定义

this.scroll = new BScroll(element, {
	parameter
})

元素结构：

• 注意：wrapper->content->很多内容，在content中可以有很多元素
• content要给定具体的高度

scroll定义的位置：

• 不要定义在组件生命周期的created()中，created在组件被创建之后调用，但是还没有挂载，所以不行。
• 定义在*mounted()*方法中

获取元素的方式：

• 通过document.querySelector(’.wrapper’)获取元素的方式不是很好，可能有其他标签的class名也是wrapper
• 可以通过ref获取
• ref如果是绑定在组件中的，那么通过this.$refs.refname 获取到的是一个组件对象
• ref如果是绑定在元素中的，那么通过this.$refs.refname 获取到的是一个元素对象

2. 参数

2.1. 监听滚动位置 probeType

• 默认情况下 BScroll是不可以实时监听滚动位置，想要监听，需要在上面传参 probeType

  • 0,1 都表示不侦测实时的位置
  • 2 表示在手指滚动的过程中侦测，手指离开后的惯性滚动过程中不侦测
  • 3 监听所有滚