文章目录
微信小程序上拉触底事件
描述:
有个需求,在小程序中有个列表,需要做分页,上拉触发分页。
小程序有个事件是上拉触底事件,在实际开发过程中碰到问题,在这记录一下。
实现:
onReachBottom()
监听用户上拉触底事件。
可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
在触发距离内滑动期间,本事件只会被触发一次。
/**
* 上拉触底事件
*/
onReachBottom() {
console.log('上拉触底事件触发')
}
刚开始的时候这个事件怎么都触发不了,原因是当前的页面没有被元素沾满。
当页面被元素沾满之后,再次进行上拉操作,就会触发上拉触底事件。而且可以设置触发的距离