better-scroll 上拉加载

一、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()

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值