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

jQuery的scroll()方法：偵測滾動何時停止

jQuery的scroll()方法可讓您在元素滾動時執行函數。但是，它沒有提供一種直接的方法來檢測滾動何時停止。

偵測滾動結束

要確定滾動何時停止，我們可以使用定時事件處理程序。這是一個範例：

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

在此程式碼中，我們設定一個計時器並在使用者每次捲動時重設它。如果計時器到期，則表示滾動已停止。

Unevent.js 擴充功能

或者，我們可以使用jQuery Unevent.js 擴充功能提供的擴充功能on() 函式：

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

Unevent.js 允許我們為事件處理程序指定延遲參數。這樣，處理程序僅在給定時間間隔內未發生事件時才會觸發。

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