Wie kann ich die Scrollrichtung mit jQuery erkennen?

<br>$(window).scroll(function(event){<br> var st = $(this). scrollTop();<br> if (st > lastScrollTop){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">   // downscroll code

} else {

  // upscroll code

}
lastScrollTop = st;
});

Hier pflegen wir eine Variable (lastScrollTop), um die aufzuzeichnen vorherige Bildlaufposition. Durch den Vergleich der aktuellen Scroll-Position (st) mit lastScrollTop können wir die Richtung des Scrollens bestimmen. Wenn st größer als lastScrollTop ist, deutet dies auf einen Abwärtsscroll hin; andernfalls handelt es sich um einen Aufwärtsscroll.

Diese Technik ist unkompliziert und erfasst effektiv die Scrollrichtung, sodass Sie geeignete Aktionen sowohl für Upscroll- als auch für Downscroll-Ereignisse implementieren können.

Das obige ist der detaillierte Inhalt vonWie kann ich die Scrollrichtung mit jQuery erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!