小程序--加载更多的两种方式

如果是页面滚动的话,就用onPageScroll的页面滚动事件,注意这是页面的事件,对于view的over-flow:scroll是无效的(用第二种方法)

用scroll-view的方法,官方文档有三种可以监听滚动到底部的方法,一种是 bindscrolltolower=“bottomHere” 第二是bindscroll=“scrolling”,第三是lower-threshold
不过各有各的缺点
bindscrolltolower在滚动到底部,然后向上滚动的时候,有时也会触发到bottomHere方法,lower-threshold也是向上滑动会触发(不过不影响用户体验,多加载一次数据也无所谓)
bindscroll就要自己通过计算判断是否到底部

scrolling(e){
    if(this.data.scrollH == e.detail.scrollHeight - e.detail.scrollTop){
      //到底部啦
    }
  }

但是,也是有缺点,有时到底部没有触发到
总结:下拉加载更多的话,如果是页面滚动,那就用onPageScroll,如果是固定高度容器里滚动的话就用scroll-view,再绑定bindscrolltolower或lower-threshold事件

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值