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

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

发布了122 篇原创文章 · 获赞 5 · 访问量 4851

猜你喜欢

转载自blog.csdn.net/weixin_41254345/article/details/103763845