如何在 jQuery 中检测滚动结束？

jQuery：检测滚动结束

简介：
在 Web 开发中，处理用户滚动对于增强用户体验至关重要。 jQuery 的scroll() 函数提供了一种检测滚动事件的便捷方法。然而，了解用户何时停止滚动对于某些情况也至关重要。

理解问题：
提供的代码显示了如何在滚动时删除类。然而，OP 打算在滚动停止时重新添加该类。这是因为删除的类与滚动过程中所需的透明度效果发生冲突。

检测滚动结束：
为了实现这一点，我们需要检测滚动何时停止。下面是使用带有超时功能的scroll()函数的解决方案：

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        console.log("Haven't scrolled in 250ms!");
    }, 250));
});

此代码设置了 250 毫秒的超时。当用户滚动时，超时将被重置。如果用户停止滚动 250 毫秒，则会触发超时函数，指示滚动结束。

高级解决方案：
对于精确计时至关重要的情况，请考虑使用 jQuery。 event.js。此扩展增强了 jQuery 的事件处理，允许仅在特定延迟后触发事件处理程序。

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

使用此扩展，您可以指定 250 毫秒的延迟，仅在滚动事件发生后触发回调在此期间停止。

以上是如何在 jQuery 中检测滚动结束？的详细内容。更多信息请关注PHP中文网其他相关文章！