Cargar contenido mientras haces scroll

[chabri]

Muy buenas amigos, tengo una duda y no se como hacerla, mi tema es el siguiente:

Tengo una web en casacada (es decir laaaarga), por lo que la web pesa un poco y tarda mucho en cargar porque tengo unas imagenes que pesan un poco, ahora bien, me gustaria saber si puedo hacer, que cuando haga scroll y llegue al "div" que contiene los archivos pesados, que recien ahi empieze a cargar dicho contenido... no se si me explico bien. Un saludo!

[snakebryant]

Hola chabri!

Te entiendo si. No se si puedes detectar cuando llegas a una div o a otra, yo te propongo cómo lo haría yo... a la div en cuestión le aplicaría un scroll individual. De esta manera cargas por ejemplo los 4 primeros elementos para mostrar algo, y cuando detectes que el scroll (de la div en cuestión) llega al final de todo, cargas los 4 siguientes y le haces un append para tener 8. Luego cuando llegues otra vez, pues los siguientes 4 y así hasta el final.

Para detectar cuando llegas al final del scroll de la div lo puedes hacer de la siguiente manera: http://jsfiddle.net/paivaric/U7r6H/

Espero haberme explicado y que te sirva de ayuda.

Saludos!

[Alexis88]

Hace un mes le di una solución a un usuario del foro que quería que se reproduzca el vídeo que tenía en la página solo cuando al hacer scroll, este sea visible. Esta fue la solución. Sin embargo, ya se han hecho plugins para retrasar la carga de imágenes hasta que el scroll llegue a sus ubicaciones; en la respuesta de la publicación que menciono, están los enlaces.

Saludos