微信小程序onPageScroll()和PageScrollTo()区别和用法
时间: 2024-03-08 13:50:07 浏览: 129
微信小程序 跳转页面的两种方法详解
`onPageScroll()` 和 `PageScrollTo()` 都是微信小程序中用于处理页面滚动的方法,但它们的使用场景和作用略有不同。
`onPageScroll()` 是一个页面生命周期函数,用于监听页面滚动事件。当页面滚动时,该函数会触发并接收一个参数,表示当前页面滚动的位置信息。可以在该函数中编写滚动时的动画效果或实现懒加载等功能。例如:
```
Page({
onPageScroll: function(e) {
console.log(e.scrollTop) // 打印滚动距离
}
})
```
`PageScrollTo()` 是一个页面滚动的API,用于让页面滚动到指定位置。可以在点击按钮或其他交互事件中调用该函数来实现页面滚动效果。该函数接受一个对象作为参数,其中 `scrollTop` 属性表示要滚动到的位置。例如:
```
Page({
scrollToTop: function() {
wx.pageScrollTo({
scrollTop: 0
})
}
})
```
需要注意的是,`PageScrollTo()` 只能让页面滚动到一个指定的位置,而不能监听滚动事件,因此不能用于实现类似懒加载或无限滚动等功能。
阅读全文