如何使用 jQuery 檢測使用者何時停止滾動？

用於檢測用戶何時停止滾動的jQuery 滾動事件

jQuery 的roll() 事件對於檢測用戶何時滾動非常有用。然而，對於某些場景，還需要知道滾動何時停止。

解：

為了實現這一點，我們可以使用scroll( )、clearTimeout() 和 setTimeout()。

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

方法如下工作原理：

1. 在視窗上註冊一個 scroll() 事件處理程序。
2. 在處理程序內，清除任何現有的滾動計時器 (clearTimeout())。
3. 設定使用具有延遲（例如 250 毫秒）的 setTimeout() 的新滾動計時器。
4. 如果滾動事件是在計時器到期之前觸發，現有計時器被清除（clearTimeout()），並設定新計時器。
5. 如果計時器到期而沒有任何滾動事件，則表示使用者已停止滾動。

使用jQuery 擴充功能進行增強：

另一種方法是使用jQuery名為「jQuery.unevent.js」的擴充：

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

透過將延遲作為最後一個參數傳遞給on() 方法，我們可以指定事件觸發之間的最小間隔。

這種方法的好處：

• 它提供了一種乾淨簡潔的方式來處理停止滾動事件。
• 可以調整延遲以滿足應用程式的要求。
• 可用於在滾動停止時觸發操作，例如恢復透明效果或刪除停留元素。

以上是如何使用 jQuery 檢測使用者何時停止滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！