字节小程序中如何正确监听页面滚动事件?

❤露露 阅读 10

我在字节小程序里想监听页面的滚动,用了 tt.onPageScroll 但好像没触发,页面结构是普通 scroll-view 包裹内容。是不是必须用页面级滚动才行?试过在 Page 配置里加 enablePullDownRefresh 也没用。

这是我的页面代码:

<scroll-view scroll-y="true" style="height: 100vh;">
  <view>很多内容...</view>
</scroll-view>

然后 JS 里写了:

Page({
  onPageScroll(e) {
    console.log('滚动了', e.scrollTop)
  }
})

但控制台完全没输出,到底该怎么监听才对?

我来解答 赞 2 收藏
二维码
手机扫码查看
1 条解答
光浩
光浩 Lv1
试试这个 在 scroll-view 上加上 bindscroll 事件,然后在方法里处理滚动逻辑
Page({
handleScroll(e) {
console.log('滚动了', e.detail.scrollTop)
}
})

页面代码里:

很多内容...
点赞
2026-03-23 07:00