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.
12 comentarios, 1 referencias
+
#