偵測滾動方向
利用 JavaScript 的捲動事件,無需 jQuery 即可決定滾動方向。
偵測滾動方向
為了實現這一點,我們將儲存先前的scrollTop 值並將其與目前的scrollTop 值進行比較。
<code class="javascript">var lastScrollTop = 0; // element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element. element.addEventListener("scroll", function () { // or window.addEventListener("scroll".... var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426" if (st > lastScrollTop) { // downscroll code } else if (st < lastScrollTop) { // upscroll code } // else was horizontal scroll lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling }, false);</code>
透過使用此方法,無需依賴第三方函式庫,即可準確偵測任意網頁的捲動方向。
以上是如何在不使用 jQuery 的情況下使用 JavaScript 檢測滾動方向?的詳細內容。更多資訊請關注PHP中文網其他相關文章!