Hier sind einige Titeloptionen, die sich auf den „How-to'-Aspekt Ihres Artikels konzentrieren: * So erkennen Sie die Scrollrichtung in JavaScript ohne jQuery * Erkennung der JavaScript-Bildlaufrichtung: Ein Sim

Bildlaufrichtung ohne jQuery erkennen

Wenn Sie JavaScript verwenden, um eine Funktion beim Scrollen auszuführen, kann es hilfreich sein, die Richtung des Bildlaufs zu kennen . Ohne jQuery kann dies durch die Implementierung einer Lösung erreicht werden, die vorherige scrollTop-Werte speichert und vergleicht.

Lösung

Der folgende JavaScript-Code erkennt effektiv die Scrollrichtung:

<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>

Diese Lösung bietet eine Möglichkeit, die Scrollrichtung ohne die Verwendung von jQuery zu erkennen. Durch das Speichern und Vergleichen von scrollTop-Werten werden sowohl Downscroll- als auch Upscroll-Aktionen effektiv identifiziert.

Das obige ist der detaillierte Inhalt vonHier sind einige Titeloptionen, die sich auf den „How-to'-Aspekt Ihres Artikels konzentrieren: * So erkennen Sie die Scrollrichtung in JavaScript ohne jQuery * Erkennung der JavaScript-Bildlaufrichtung: Ein Sim. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!