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