微信小程序监听scroll滚动事件结束

最新推荐文章于 2024-07-16 17:54:18 发布

Durian.

最新推荐文章于 2024-07-16 17:54:18 发布

阅读量4.2k

点赞数 1

文章标签： javascript 小程序

本文链接：https://blog.csdn.net/lichenying/article/details/106666118

版权

本文介绍了如何在微信小程序中利用定时器监听scroll滚动事件结束，通过在scroll-view标签上绑定相关事件来达到目的。

摘要由CSDN通过智能技术生成

微信小程序监听scroll滚动事件结束

- 代码如下

代码如下

利用定时器监听来实现这个功能

// An highlighted block
scroll:function (e) {
   

        let _this =this;
 
        if (this.scrollEndTimer) {
   
            clearTimeout(this

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Durian.

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 监听页面滚动和结束滚动

weixin_45614470的博客

10-12

1622

先了解 js的节流和防抖函数 /*函数节流*/ function throttle(fn, interval) { var enterTime = 0;//触发的时间 var gapTime = interval || 300;//间隔时间，如果interval不传，则默认300ms return function () { var context = this; var backTime = new Date();//第一次函数return即触发的时

scroll-view判断滚动停止

Carina的编程技术博客

10-28

1197

用bindscroll事件，主要用到了定时器，下面为例子： data里声明scrollTimer:'', bindscroll(){ clearTimeout(this.data.scrollTimer); this.data.scrollTimer = setTimeout(function () { this.getHeight(); // 放需要做的东西 console.log('我检测到了停止触摸discussScroll') d

2 条评论您还未登录，请先登录后发表或查看评论

判断scrollView滚动结束

04-21

重写scrollView的onTouchEvent事件，在MotionEvent.ACTION_CANCEL和MotionEvent.ACTION_UP中通过反射获取scrollview中的OverScroller，然后获取OverScroller的状态判断scrollview是否结束滚动

微信小程序 防抖

lzc147258的博客

09-13

214

创建代码 /*函数节流*/ function throttle(fn, interval) { var enterTime = 0;//触发的时间 var gapTime = interval || 300 ;//间隔时间，如果interval不传，则默认300ms return function() { var context = this; var backTime = new Date();//第一次函数return即触发的时间 if (backTim.

微信小程序 在bindscroll事件中监听scroll-view滚动到底

weixin_45966674的博客

10-10

3885

scroll-view其实提供了一个 bindscrolltolower 事件这个事件的作用是直接监听scroll-view滚动到底部。但 bindscrolltolower 只会判断是否到了当前scroll-view最底部而无法动态拒绝某块元素参与。然后我们在 bindscroll="bindscrolltolower"中直接这样写。首先我们要给自己的scroll-view加一个id 方便我们去那这块元素。所以我们只能寄希望于 bindscroll。但是总有不太一样的情况。

微信小程序 scroll-view禁止滚动

weixin_40938312的博客

08-12

1万+

我用的很简单的方法在scroll-y=“{{gun}}” 然后需要的地方设置true或false 最后判断 this.setData({gun:false})//bu rang gun dong this.setData({gun:true})//kai qi gun dong <scroll-view scroll-y="{{gun}}" bindscrolltolower=...

微信小程序——scroll 滚动滚动事件

qq_41141657的博客

02-21

5761

** scroll-view ** 1）<scroll-view></scroll-view> 滚动框架 2） <scroll-view > <view id='one' class='scroll-view-item bc_green'></view> <view id='two' class='scroll-view-item ...

微信小程序 scroll-view滚动到底部事件不触犯的锅

03-29

今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...

微信小程序-scroll-view滚动到指定位置（类似锚点）

03-29

本文作者：莫兰迪不会没有瓶子，来自原文地址先来说一下官网例子吧 ...scroll-view竖向滚动必须设置scroll-y="true" style="height: 200rpx;" 必须.. style="height: 200rpx;" 必须为200rpx/200px 不能用百分号 js中

微信小程序上实现滚动播放等视频相关的效果

08-10

总结，实现微信小程序上的滚动播放视频效果，需要结合`<video>`组件、滚动事件监听、动态控制播放状态以及性能优化策略。通过深入理解微信小程序的API和事件机制，以及熟悉`mp_scroll_play_demo-master`项目的源码，...

ScrollView快速滑动或拖拽停止事件监听

SwmIsMe的博客

11-13

7347

解决思路：设立onKeyUp的监听，在手指离开屏幕后用 handler.sendMessageDelayed(handler.obtainMessage(1), 200)每隔200毫秒getScrollY()一次，然后比较getScrollY()的值直到与上次得到的相等时就是scrollview停止滑动了。办法：在 ScrollView的 setOnTouchListener

Unity判断Scroll View是否停止滑动

最新发布

qq_59387760的博客

07-16

400

ScrollRect有一个velocity的值，我们启用一个协程，每隔指定时间检测它的值，当它的值小于我们设置的阈值时，就可以认为它是停下来了，但是这时速度一直都是小于阈值的，他会一直执行在停止之后的逻辑，而我们希望实现当它停止下来之后，只执行一遍我们需要执行的方法，就不执行了，所以我们实现IEndDragHandler接口，当拖拽结束之后，将carryOut的值设置为为true，表示可以继续执行方法，当执行方法之后，再设置为false，表示不可以执行方法。

检测ScrollView开始停止滑动的方案

litefish的专栏

08-17

5540

检测ScrollView开始停止滑动的方案旧方案如何检测scrollview的滑动开始和滑动停止，滑动开始可以用 onScrollChange来判断，那么停止呢。一开始的时候我是判断200ms内，scrollY是否改变，如果未改变就判断为停止了，核心代码如下。工程名为DetectScrollStop。但是这样不优雅，有没有更好的方法呢？ detector = new Scroll

微信小程序：scroll-view组件滑动多次触发scroll事件的bug解决

小熊的博客

07-23

1万+

在项目开发过程中，组件是微信小程序提供给我们的一个分页器，一般滑动到底部时会触发scroll事件，scroll事件中往往包含对后端数据的请求；若是还未滑动到底部时频繁触发事件，则会频繁发请求，达不到想到的分页效果。先来说说的用法 <scroll-view scroll-y="true" style="height:{containerHeight}px" lower-threshold...

uniapp监控触摸事件结束

Sport_18的博客

03-07

3568

最近在uniapp组件中需要监听页面触摸结束的事件，但是框架只提供触摸开始的事件，百度借鉴后完成需求，特此记录，欢迎网友指正和提出不同方案。 1.先监听触摸开始事件，如果是页面可以直接调用“onPageScroll”这个生命周期。如果是组件可以使用“scroll-view”的“@scroll”方法，以这种方法为例： <scroll-view scroll-y="true" scroll-...

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