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
+
#