better-scroll 上拉加载

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-22 21:04   14   0

一、better-scroll 的上拉加载

首先需要一个使用了BS编写的列表(肯定是不能有BUG的)

BS中文文档

     this.actScroll = new BScroll(actBox, {
        tap: true,
        scrollbar: {
          fade: true
        },
        pullUpLoad: {
          threshold: -50 // 当上拉距离超过50px时触发 pullingUp 事件
        }
      })

在初始化配置项里面添加 pullUpLoad 配置选项,给定上拉的数值

    // 触发上拉加载的事件, 调用getInfo 请求数据
      this.actScroll.on('pullingUp', () => {
        this.getInfo()
      })

绑定一个上拉事件的方法,当上拉值超过50px的时候,触发上拉加载的方法,这里面去调用一个加载数据的方法 或者直接在这里面加载数据

this.actScroll.finishPullUp()

并且在数据加载完成后,调用此方法,告诉BS你的数据已经加载完成了,否则不会再次触发 pullUpLoad

在数据添加完毕后 最好是再手动刷新一下

     this.actScroll.refresh()

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP