Este método de recargar es el que comúnmente podemos ver en páginas como facebook o twitter en las que, cuando hacemos scroll y llegamos al final de página, nos cargan nuevos comentarios. De esta forma, mejoramos la eficiencia de la página ya que no precarga todo el contenido sino que va cargando poco a poco a medida que lo vamos necesitando.
Para conseguir esta funcionalidad debemos usar la siguiente función:
<script type="tex/javascript">
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
alert("CARGAR");
}
});
</script>
Este script realiza la comprobación de cuando se llega al final de la página haciendo scroll. A partir de esto, nosotros deberíamos sustituir el "alert" por nuestra llamada a la función Ajax que cargase más contenido adicional en su ubicacion correcta.