不使用 jQuery 偵測滾動方向
當使用 JavaScript 執行滾動函數時,了解滾動方向會很有幫助。如果沒有 jQuery,這可以透過實作儲存和比較先前的 scrollTop 值的解決方案來實現。
解決方案
以下JavaScript 程式碼可有效偵測滾動方向:
<code class="javascript">var lastScrollTop = 0; // Customize this to target the desired element for scroll detection. document.addEventListener("scroll", function() { var st = window.pageYOffset || document.documentElement.scrollTop; if (st > lastScrollTop) { // Code to execute when scrolling down } else if (st < lastScrollTop) { // Code to execute when scrolling up } // Reset the lastScrollTop value to prevent false negatives on mobile devices. lastScrollTop = st <= 0 ? 0 : st; }, false);</code>
此解決方案提供了一種無需使用jQuery 即可檢測滾動方向的方法。透過儲存和比較scrollTop值,它可以有效地識別向下捲動和向上捲動操作。
以上是以下是一些標題選項,重點關注文章的「如何做」方面: * 如何在沒有 jQuery 的情況下偵測 JavaScript 中的滾動方向 * JavaScript 滾動方向檢測:模擬的詳細內容。更多資訊請關注PHP中文網其他相關文章!