小程序--加载更多的两种方式
程序员文章站
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事件