Contenido

Carga contenido mediante scroll con jQuery

23 Jul

+ 13

Luis Sacristan de SentidoWeb publica un interesante link sobre como conseguir cargar contenido usando scroll con jQuery. Esta técnica, la podemos encontrar en sitios con DZone, y es ideal para sustituir la paginación tradicional.

$(document).ready(function(){
 // Añadimos la funcionalidad al evento scroll de window
 $(window).scroll(function(){
 // Comprobamos si estamos en la parte inferior de la página.
 if ($(window).scrollTop() == $(document).height() - $(window).height()){
 // Mostramos la imagen de cargando
 $('div#last_msg_loader').html('<img src="bigLoader.gif">');
 // Cargamos el contenido.
 var ID=$(".message_box:last").attr("id");
 $.post("load_data.php?action=get&last_msg_id="+ID,
 }
 });
 });
});

Como vemos en el código, la idea es usar el evento scroll del objeto Window para iniciar una carga mediante Ajax de los datos siguientes a los que mostramos por pantalla.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.