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