Wie kann ich mit jQuery die Scrollrichtung (nach oben oder unten) bestimmen?

Bestimmen der Richtung von jQuery-Bildlaufereignissen

Beim Umgang mit Bildlaufereignissen in jQuery kann es hilfreich sein zu wissen, ob sich der Bildlauf auf der Seite nach oben oder unten bewegt. Dies kann erreicht werden, indem der aktuelle scrollTop-Wert mit dem vorherigen scrollTop-Wert verglichen wird. So können Sie es machen:

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

In diesem Code wird lastScrollTop auf 0 initialisiert. Wenn das Scroll-Ereignis auftritt, wird der aktuelle scrollTop-Wert in st gespeichert. Wenn st größer als lastScrollTop ist, führt der Code den Downscroll-Code aus, und wenn st kleiner als lastScrollTop ist, führt der Code den Upscroll-Code aus. Schließlich wird lastScrollTop mit dem neuen scrollTop-Wert aktualisiert.

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