首頁 >web前端 >js教程 >如何在 jQuery 中偵測使用者何時停止滾動?

如何在 jQuery 中偵測使用者何時停止滾動?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-11 19:54:18980瀏覽

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中文網其他相關文章!

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