首頁 >web前端 >js教程 >如何使用 jQuery 檢測使用者何時完成滾動?

如何使用 jQuery 檢測使用者何時完成滾動?

Barbara Streisand
Barbara Streisand原創
2024-12-07 02:05:11293瀏覽

How Can I Detect When a User Has Finished Scrolling with jQuery?

使用jQuery 偵測使用者捲動完成

在此討論中,使用者正在尋求一種方法來確定使用者何時停止滾動,如他們希望在滾動停止後執行特定操作(向元素添加類別)。

為了實現這一點,可以使用以下 jQuery 程式碼:

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        // Add the desired class here
        console.log("Scrolling has stopped!");
    }, 250));
});

在此程式碼中,計時器用於追蹤滾動活動。如果用戶繼續滾動,計時器將被重置。但是,如果捲動停止了 250 毫秒(如 setTimeout 函數中所定義),則計時器到期並執行指定的操作(例如,新增類別)。這確保了僅當用戶停止滾動時才添加該類別。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn