欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-04 14:24:45
...

如果是页面滚动的话,就用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事件

相关标签: 小程序 小程序