什么是触底加载
触底加载类似于分页,却又不同于传统的分页,他只有在用户上滑页面,并在页面距离底部一定距离时才会触发
触底加载怎么写
开启触底加载
首先需要开启本页面的触底,即在pages.json中找到想要开启触底的页面,在style
中将enablePullDownRefresh
设置为true,默认的触底距离是50px,如果你需要更改可以设置onReachBottomDistance
,这个参数代表距离底部多远发生触底
{
"path": "pages/shool/shool",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true,
"onReachBottomDistance": 150
}
}
触底加载事件
在页面中添加onReachBottom
触底函数,跟onLoad平级。在onReachBottom
中可以写自己的触底后的代码
触底加载不生效
首先你可以在页面通过生命周期onPageScroll
来监听页面是否发生滚动,一般触底不生效都是因为页面其实并没有发生滚动
其次如果你使用了scroll-view
,可以使用它自身的事件scrolltolower
来判断是否触底