2012-03-14 12 views
6

Y una vez que llega al final, ¿tiene una función de devolución de llamada?¿Cómo uso JQuery para detectar si un usuario se desplaza al final de la página?

+0

http://stackoverflow.com/questions/3962558/javascript-detect-scroll-end –

+1

cheque esta http://stackoverflow.com/questions/3962558/javascript-detect-scroll-end – Gopesh

+0

posible duplicado de [Cómo comprobar si un usuario se ha desplazado hasta el final] (http://stackoverflow.com/questions/3898130/how-to-check-if-a-user-has-scrolled-to-the- abajo) – csharpfolk

Respuesta

25

Puede utilizar .scroll() evento de esta manera en su ventana:

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert("bottom!"); 
    } 
}); 

cheque live demo

para detectar si el usuario es 3/4 abajo de la página se puede probar este

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - .75*$(document).height()) { 
     alert("3/4th of bottom!"); 
    } 
}); 
+0

generalmente funciona, pero con "alerta" se colgó mi FF, literalmente "se apagó". Pero probé con console.log y funcionó bien. – devnull69

+0

Gracias. ¡Esto funciona! ¿Qué pasa si quiero detectar si el usuario está 3/4 abajo de la página? – TIMEX

+7

Creo que su solución para 3/4 de la página está buscando "75 píxeles desde la parte inferior de la página". Cambiar '$ (document) .height() - 75' a' $ (document) .height() * 0.75' debería ser el truco. – sffc

Cuestiones relacionadas