微信小程序监听页面滚动的事件

最新推荐文章于 2025-07-08 11:27:21 发布

奇怪的Zzz

最新推荐文章于 2025-07-08 11:27:21 发布

阅读量2.2w

点赞数

CC 4.0 BY-SA版权

分类专栏： # 微信小程序文章标签：微信小程序监听页面滚动的事件

本文链接：https://blog.youkuaiyun.com/weixin_43953710/article/details/95070642

微信小程序专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了微信小程序中scroll-view组件的使用方法，包括如何监听滚动事件onPageScroll，以及如何通过bindtouchstart和bindtouchend绑定触摸开始和结束事件来控制滚动状态。通过对这些事件的处理，可以实现更流畅的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onPageScroll (e) { 
  console.log(e)
  },



<view class="wrapIndex" bindtouchstart="touchStart" bindtouchend="touchEnd"></view>
touchStart(e){
    //console.log('滚起来', e);
    this.setData({
      scrollStop: false
    })
  },
  touchEnd(e){
   // console.log('停下来', e);
    this.setData({
      scrollStop: true
    })
  },

微信小程序的文档
scroll-view
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html