web端监听页面是否在滚动的方法

jhone_oo

于 2022-09-05 11:15:21 发布

阅读量865

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：前端 javascript html 微信小程序

本文链接：https://blog.youkuaiyun.com/jhone_oo/article/details/126701047

本文介绍了如何在微信小程序中利用onPageScroll钩子函数检测页面滚动状态。通过时间差和顶部位置判断，实现滚动事件的监听。代码带有注释，适用于前端JavaScript环境，欢迎讨论优化方案。

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

最近有做到需求需要判断页面是否在滚动状态，因此上写了一个函数，大概意思是做一个时间差判断下一次top值跟当前相等不相等，是在小程序环境下写的，因此代码是小程序代码，其他端万变不离其宗，onPageScroll是小程序钩子里边的页面滚动方法具体如下：

onPageScroll(e){
   
   
	const scrollTop=e.top
	this.data.scrollTop = scrollTop // 保存当次滚动的值
    if (!this.data.timer

200万优质内容无限畅学