关于better-scroll的使用注意事项

1. 动态加载数据需要刷新滚动区域
 this.$nextTick(() => {
        this.betterScroll.refresh()
      })

2. 滚动区域上的事件, 需要在注册滚动的时候, 添加 click: true
  mounted() {
    this.betterScroll = new BetterScroll('#scrollWrapper', {
      click: true
    })
  },

3. 默认 Y轴 滚动,需要x轴滚动, 添加 scrollX: true

4. 上拉加载功能, 注册时需要申明, pullUpLoad: 可以为true 或者如下, 滚动触发距离

    this.betterScroll2 = new BetterScroll('#scrollContainer2', {
      pullUpLoad: {
        threshold: 50
      }
    })

5. 滚动加载完成需要调用 一下方法 , 告诉实例, 已经加载完成了
      this.betterScroll2.finishPullUp()

 

posted @ 2022-03-16 15:09  深海里的星星i  阅读(79)  评论(0)    收藏  举报