„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie kann ich die Scrollrichtung mit JavaScript ohne jQuery erkennen?

Wie kann ich die Scrollrichtung mit JavaScript ohne jQuery erkennen?

Veröffentlicht am 10.11.2024
Durchsuche:900

How can I detect scroll direction using JavaScript without jQuery?

Erkennen der Bildlaufrichtung

Mithilfe des Scroll-Ereignisses von JavaScript ist es möglich, die Bildlaufrichtung zu bestimmen, ohne dass jQuery erforderlich ist.

Bildlaufrichtung erkennen

Um dies zu erreichen, speichern wir den vorherigen scrollTop-Wert und vergleichen ihn mit dem aktuellen scrollTop-Wert.

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 

Mit dieser Methode können Sie die Scrollrichtung auf jeder Webseite genau erkennen, ohne auf Bibliotheken von Drittanbietern angewiesen zu sein.

Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3