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

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

Mary-Kate Olsen
發布: 2024-12-11 17:44:13
原創
613 人瀏覽過

How Can I Detect Scroll Direction Using jQuery?

使用jQuery 確定滾動方向

在jQuery 中使用滾動事件時,區分向上和向下移動對於實現滾動行為至關重要。此程式碼片段示範如何偵測滾動事件的方向:

<br>$(window).scroll(function(event){<br> var st = $(this). scrollTop() ;<br> if (st > lastScrollTop){<pre class="brush:php;toolbar:false">   // downscroll code
登入後複製

} else {

  // upscroll code
登入後複製

}
lastScrollTop = st;
});

這裡,我們維護一個變數(lastScrollTop)來記錄上一個滾動位置。透過比較目前滾動位置(st)和lastScrollTop,我們可以確定滾動的方向。如果st大於lastScrollTop,則表示向下滾動;否則,它是向上滾動。

這種技術非常簡單且有效地捕捉捲動方向,讓您為向上捲動和向下捲動事件實施適當的操作。

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

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