überwachen die Scrolling -Tiefe für präzise Inhalte. Laden

in einem Paginationssystem, in dem der Inhalt beim Erreichen des Bodens lädt, und festzustellen, wann ein Benutzer nach dem Extrem entscheidend wird. JQuery bietet eine elegante Lösung für diese Herausforderung.

Methode:

das .scroll () Ereignis auf dem Fensterobjekt:

$(window).scroll(function() {
   // Calculate total scroll position and compare it to document height
   if($(window).scrollTop()   $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

Dieser Code fasst die obere Scrollposition des Fensters (wie weit es gescrollt ist) mit der Höhe des sichtbaren Fensters zusammen und vergleicht dies mit der Gesamthöhe des Inhalts. Wenn diese Werte ausgerichtet sind, bedeutet dies, dass der Benutzer die Seite unten erreicht.

Nahe unten Erkennung:

für Szenarien, in denen Sie eine Aktion vor dem tatsächlichen Boden auslösen möchten, ändern Sie den Code wie folgt:

$(window).scroll(function() {
   // Check if user is within 100 pixels from the bottom
   if($(window).scrollTop()   $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});

Indem Sie den Wert nach - 100 (z. B. auf 50, 200) anpassen, können Sie die gewünschte Proximity -Schwelle nach unten definieren.