首頁 > web前端 > js教程 > 以下是一些標題選項,重點關注文章的「如何做」方面: * 如何在沒有 jQuery 的情況下偵測 JavaScript 中的滾動方向 * JavaScript 滾動方向檢測:模擬

以下是一些標題選項,重點關注文章的「如何做」方面: * 如何在沒有 jQuery 的情況下偵測 JavaScript 中的滾動方向 * JavaScript 滾動方向檢測:模擬

DDD
發布: 2024-10-27 09:10:30
原創
678 人瀏覽過

Here are a few title options, focusing on the

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

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