monitor de profundidad de desplazamiento para la carga precisa de contenido

en un sistema de paginación donde el contenido se carga al alcanzar la parte inferior, determinando cuándo un usuario se ha desplomado a la extremidad. jQuery proporciona una solución elegante a este desafío.

método:

Ejecutar el evento .scroll () en el objeto de la ventana:

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

Este código resume la posición de desplazamiento superior de la ventana (qué tan abajo se desplaza) con la altura de la ventana visible y compara esto con la altura general del contenido. Cuando estos valores se alinean, significa que el usuario alcanza la página inferior.

cerca de detección de fondo:

para escenarios donde desea activar una acción antes del fondo real, modifique el código de la siguiente manera:

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

ajustando el valor después de - 100 (por ejemplo, a 50, 200), puede definir el umbral de proximidad deseado a la parte inferior.