Estoy tratando de configurar el desplazamiento infinito en un sitio que estoy desarrollando con Coldfusion, soy nuevo en javascript y jquery, así que tengo algunos problemas para comprender todo esto. ¿Necesito tener paginación en mi sitio para usar el complemento de desplazamiento infinito, o hay alguna manera de hacerlo sin él?
No necesita el complemento de desplazamiento infinito para esto. Para detectar cuando el desplazamiento llega al final de la página, con jQuery puedes hacer
$(window).scroll(function () { if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) { //Add something at the end of the page } });Demostración en JsFiddle
Estoy usando la respuesta de Hussein con solicitudes de AJAX. Modifiqué el código para que se activara a 300 px en lugar de a 10 px, pero comenzó a hacer que mis anexos se multiplicaran antes de que finalizara la solicitud de AJAX, ya que la llamada de desplazamiento se activa con mucha más frecuencia en un rango de 300 px que en un rango de 10 px.
Para solucionar esto, agregué un disparador que se activaría con una carga AJAX exitosa. Mi código se parece más a esto:
var scrollLoad = true; $(window).scroll(function () { if (scrollLoad && $(window).scrollTop() >= $(document).height() - $(window).height() - 300) { scrollLoad = false; //Add something at the end of the page } }); luego, en mi respuesta AJAX, configuré scrollLoad en true .
Construí sobre el pequeño ejemplo de Hussein aquí para hacer un widget jQuery. Es compatible con localStorage para guardar temporalmente los resultados adjuntos y tiene una funcionalidad de pausa para detener la adición cada cierto tiempo, lo que requiere un clic para continuar.
Darle una oportunidad: