有些场景我们需要在滚动停止之后才进行操作，但uniapp所提供的只有监听页面滚动的生命周期函数onPageScroll()，我们无法获知滚动是否结束。
在
data中定义timer变量，用来记录定时器状态，在滚动期间，一直清除延时事件，一旦空了N秒（N根据需求自己调整），就判定为滚动停止。
onPageScroll(e) {
console.log('开始滚动')
clearTimeout(this.timer) //这里必须要每次滚动前 清除一次
// 如果停留则表示滚动结束 一旦空了1s就判定为滚动结束
this.timer = setTimeout(() => {
console.log('结束滚动')
//在这里实现我们的操作
}, 1000)
}
原文链接：https://blog.csdn.net/weixin_45811256/article/details/126324295
uniapp页面滚动到页面可指定位置
监听页面滚动 监听窗口宽度变化
监听页面的滚动事件 获取页面的滚动高度 获取商品的offsetTop
DEMO功能： 实现听过滚动无限刷新增添新元素 监听 scroll 事件 通过监听 scroll 事件，在页面滚动...
应用生命周期（仅可在App.vue中监听，页面监听无效） 参考官网：https://uniapp.dcloud.i...
页面滚动 展开和折叠 监听器滚动到顶部或底部
使用vue做一个专题页面。滚动页面指定区域导航高亮。监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动...
功能：页面滚动到一定距离，导航置顶悬浮 之前遇到这个问题，我的做法是监听页面滚动，当页面滚动到导航时，给导航添加c...
防抖函数 定义： 多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行例：监听页面滚动， 滚动时不会...
需求：页面滚动到某一位置触发某个效果。
本文标题：uniapp监听页面滚动结束的解决方法
本文链接：https://www.haomeiwen.com/subject/vcmhedtx.html
网友评论