WePY中如何正确监听页面滚动事件？

西门甜雅提问于 2026-03-17 14:37:21 阅读 3

移动

我在用 WePY 开发一个页面，想监听页面的滚动位置来做懒加载，但直接在 methods 里写 onScroll 好像没反应。查了文档说要用 wepy.page 的生命周期，但试了 onPageScroll 还是不触发，是不是写法有问题？

这是我的代码结构：

export default class Index extends wepy.page {
  config = {
    navigationBarTitleText: '首页'
  }

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

移动端框架

我来解答赞 1 收藏

反馈

1 条解答

天佑🍀 Lv1

WePY 1.x 里页面滚动事件不是这么写的，得用 this.$wxPage.on('scroll', callback) 来监听：

import wepy from 'wepy';



export default class Index extends wepy.page {

  config = {

    navigationBarTitleText: '首页'

  }



  onLoad() {

    this.$wxPage.on('scroll', (e) => {

      console.log('滚动了', e.scrollTop);

    });

  }

}

或者用全局的 wepy.onPageScroll 也可以。直接这么写就行，onPageScroll 是原生小程序的写法，WePY 不支持。

2026-03-17 19:20