https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/

这里要注意的是，better-scroll 只处理容器（wrapper）的第一个子元素（content）的滚动，其它的元素都会被忽略。

 

安装

npm install better-scroll --save

import BScroll from 'better-scroll'
let scroll = new BScroll('.wrapper')

<div class="wrapper">
  <ul class="content">
    <li>...</li>
    <li>...</li>
    ...
  </ul>
  <!-- 这里可以放一些其它的 DOM，但不会影响滚动 -->
</div>

.wrapper {
    height: 300px;
    background-color: orangered;
    overflow: hidden;
}

 

 

let scroll = new BScroll('.wrapper',{
                probeType: 3,   // 默认0不监听滚动  1:不清楚 2:不监听惯性滚动 3:监听惯性滚动
                pullUpLoad: true,   //监听上拉加载更多
                click: true        //wrapper里面是不支持div等的点击的。需要设置为true才可以
            });

            this.scroll = scroll;

            scroll.on('scroll',pos=>{
                //监听滚动,与probeType一起使用
                // console.log(pos);
            })

            scroll.on('pullingUp',()=>{
                console.log('上拉加载')   //只会加载一次 与pullUpLoad一起使用
                setTimeout(()=>{
                    this.scroll.finishPullUp();
                },3000)
            })