首頁 > web前端 > js教程 > 如何使用 jQuery 檢測向上或向下滾動方向?

如何使用 jQuery 檢測向上或向下滾動方向?

DDD
發布: 2024-12-07 17:52:12
原創
731 人瀏覽過

How Can I Detect Up or Down Scroll Direction with jQuery?

檢測 jQuery 滾動事件的方向

在 jQuery 中處理滾動事件時,確定滾動是向上還是向下移動非常有用。這允許根據滾動方向顯示不同的行為或內容。

要實現此目的,您可以利用 window 物件的scrollTop 屬性並將其當前值與先前的值進行比較。實作方法如下:

var lastScrollTop = 0;
$(window).scroll(function(event) {
    var st = $(this).scrollTop();
    if (st > lastScrollTop) {
        // Downscroll code
    } else {
        // Upscroll code
    }
    lastScrollTop = st;
});
登入後複製

在這段程式碼中,lastScrollTop 儲存了前一個scrollTop 值。當滾動事件觸發時,它會檢索當前的scrollTop值並將其與lastScrollTop進行比較。如果當前值大於前一個值,則滾動將向下移動(因為滾動頂部隨著向下滾動而增加)。否則,滾動條會向上移動。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板