小程序使用了scroll-view滚动组件时，如何判断滚动的方向

最新推荐文章于 2023-11-10 23:07:13 发布

Zan^Z

最新推荐文章于 2023-11-10 23:07:13 发布

阅读量1.9k

点赞数

分类专栏： scroll-view 滚动方向小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/Zan_Z/article/details/106834054

版权

小程序同时被 3 个专栏收录

28 篇文章

订阅专栏

scroll-view

1 篇文章

订阅专栏

滚动方向

1 篇文章

订阅专栏

本文探讨了在小程序中使用scroll-view组件时，如何通过其属性和事件来判断用户滚动的方向，重点介绍了bindscroll事件的应用。

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

scroll-view组件里的属性bindscroll。
链接: bindscroll.
在这里插入图片描述

//wxml
<scroll-view scroll-y bindscroll="bindscrollfx" class="videoList">
		//内容
</scroll-view>

// js
//判断上下滚动方向）（deltaY小于0时，向下，向上则反之）
  bindscrollfx: function (e) {
    var that = this;
    console.log(e.detail.deltaY);
    var scrollfx=e.detail.deltaY;
    if(scrollfx<0){
      that.setData({
        istrue_scroll:false  //向下滚动
      })
    }else{
      that.setData({
        istrue_scroll:true
      })
    }         
  },