如何使用 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中文網其他相關文章！