BScroll的使用基本使用 BetterScroll是作用在外层wrapper容器上的，滚动的部分是content元素

基本使用

BetterScroll是作用在外层wrapper容器上的，滚动的部分是content元素。这里要注意的是，BetterScroll 默认处理容器（wrapper）的第一个子元素（content）的滚动，其它的元素都会被忽略。

<div id="wrapper" ref="scroll">
   <ul class="content">
     <li></li>
     ...
   </ul>
</div>

在初始化中，需要注意的是，不能再created中初始化，要在mounted中进行初始化因为需要在组件挂载完后才能对wrapper进行初始化。

<script>
import BScroll from "better-scroll";

export default {
  name: "Category",
  data() {
    return {};
  },
  mounted() {
    new BScroll(this.$refs.scroll, {});
    // new BScroll('#wrapper', {});
  },
};
</script>

probe侦测范围

probe 侦测
默认情况下BScroll是不可以实时的监听滚动位置

0，1：不侦测实时的位置
2：在手指滚动的过程中侦测，手指离开后的惯性滚动中不侦测
3：只要是滚动，都侦测

let wrapper = document.querySelector('.wrapper')
let scroll = new BScroll(wrapper, {
  probeType: 3
})