首頁 > web前端 > js教程 > 如何使用 jQuery 確定滾動方向(向上或向下)?

如何使用 jQuery 確定滾動方向(向上或向下)?

Barbara Streisand
發布: 2024-12-07 08:16:13
原創
285 人瀏覽過

How Can I Determine the Scroll Direction (Up or Down) Using jQuery?

確定 jQuery 滾動事件的方向

在 jQuery 中處理滾動事件時,了解滾動是在頁面上向上還是向下移動非常有用。這可以透過將目前的scrollTop值與先前的scrollTop值進行比較來實現。具體做法如下:

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

在此程式碼中,lastScrollTop 初始化為 0。當捲動事件發生時,目前的scrollTop 值會儲存在 st 中。如果st大於lastScrollTop,則程式碼執行向下捲動程式碼,如果st小於lastScrollTop,則程式碼執行向上捲動程式碼。最後,lastScrollTop 被更新為新的scrollTop 值。

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

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