Wie kann ich mit jQuery die Bildlaufrichtung nach oben oder unten erkennen?

Erkennen der Richtung von jQuery-Bildlaufereignissen

Beim Umgang mit Bildlaufereignissen in jQuery kann es hilfreich sein, festzustellen, ob sich der Bildlauf nach oben oder unten bewegt. Dadurch können je nach Bildlaufrichtung unterschiedliche Verhaltensweisen oder Inhalte angezeigt werden.

Um dies zu erreichen, können Sie die scrollTop-Eigenschaft des Fensterobjekts nutzen und seinen aktuellen Wert mit seinem vorherigen Wert vergleichen. So implementieren Sie es:

var lastScrollTop = 0;
$(window).scroll(function(event) {
    var st = $(this).scrollTop();
    if (st > lastScrollTop) {
        // Downscroll code
    } else {
        // Upscroll code
    }
    lastScrollTop = st;
});

In diesem Code speichert lastScrollTop den vorherigen scrollTop-Wert. Wenn das Scroll-Ereignis ausgelöst wird, ruft es den aktuellen scrollTop-Wert ab und vergleicht ihn mit lastScrollTop. Wenn der aktuelle Wert größer als der vorherige Wert ist, bewegt sich der Bildlauf nach unten (da scrollTop zunimmt, wenn Sie nach unten scrollen). Andernfalls bewegt sich die Schriftrolle nach oben.

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