首页 > web前端 > js教程 > 如何在 jQuery 中检测用户何时停止滚动?

如何在 jQuery 中检测用户何时停止滚动?

Mary-Kate Olsen
发布: 2024-12-11 19:54:18
原创
992 人浏览过

How Can I Detect When a User Stops Scrolling in jQuery?

使用jQuery的scroll()检测用户何时停止滚动

问题概述:

您正在使用jQuery的scroll( ) 函数在滚动时从元素中删除类。但是,您希望在滚动停止时重新应用该类。

答案说明:

提供的解决方案利用计时器来检测用户何时停止滚动。它使用scrollTimer 变量来跟踪超时。当scroll()事件发生时,定时器被清除,并使用setTimeout()设置一个新的定时器。此计时器在指定的延迟(示例中为 250 毫秒)后调用回调函数。

增强的解决方案:

提供的代码片段包括 jQuery 的 on() 扩展事件处理程序称为 $.unevent.js。此扩展允许您指定应触发回调函数的延迟。这非常适合您只想在经过一定时间后触发事件的场景。

实现:

以下是使用更新版本的方法:

$(window).on('scroll', function(e) {
    console.log(e.type + '-event was 250ms not triggered');
}, 250);
登录后复制

您可以将延迟(以毫秒为单位)调整为需要。

附加说明:

  • 确保检查 GitHub 存储库以获取 $.unevent.js 的最新更新。
  • 此解决方案可以应用于其他事件,例如调整大小,只需在 on() 中将滚动替换为所需的事件即可方法。

以上是如何在 jQuery 中检测用户何时停止滚动?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板