Bonsoir. Je n'arrive pas à réaliser un code en jquery.
En gros j'ai ça dans une page web

image1
image2
image3
<div id="last"></div>

J'aimerais que lorsque l'on scroll en dessous ou au niveau du div#last j'effectue une action. En gros on charge les nouvelles images une fois qu'on a défilé toutes les anciennes.

Donc il faudrait que si
- lors de l'affichage de la page on vois le div#last
- lors du scroll vers le bas on vois le div#last
Il se passe l'action.

Un petit peu d'aide les amis ?

Je vous remercie d'avance

Une piste, tu peux en jquery récupérer la position y de ton #last. Donc à partir du haut de la page jusqu'à l'élément tu sais combien il y a de pixel. Tu peux également savoir le y du scroll, en comparant les deux au scroll, si le y du scroll est supérieur à celui du div, c'est qu'il est afficher (ou que tu es plus bas dans tout les cas).

Donc, l'évenement, c'est 'scroll', juste avant tu récupère la valeur du y du div#last, et à l'intérieur de l'event tu fais un if qui compare avec la hauteur du scroll en y. Si > tu fais ce que tu souhaite

J'espère que je suis clair j'ai pas le temps de te faire un exemple là

function calcul_affichage_images() {

var hauteur_de_l_ecran = $(window).height();
var hauteur_totale_de_la_page = $(document).height();
var position_div_par_rapport_au_haut_de_la_page = $('#last').offset().top;

}

$('body').scroll(calcul_affichage_images);
$(window).resize(calcul_affichage_images);

Et non je ne t'épargnerai pas les calculs à faire pour savoir quand tu dois exécuter ta fonction pour afficher les nouvelles images.

Un indice, si je t'ai mis une variable avec la hauteur de la fenêtre, c'est parce que si ta dernière div n'est pas aussi grande que l'écran de l'utilisateur, et qu'elle est bien en bas de la page, quand tu sera au maximum du scroll tu n'auras pas passé la div et rien ne se passera. C'est pourquoi si tu es dans ce cas là, il faudra déterminer la "vraie" hauteur de scroll pour continuer, qui serait dans ce cas au-dessus de ta dernière div.

J'ai également mis cette fonction au redimensionnement de la fenêtre car ça joue évidemment sur des variables utilisées pour les calculs.

A vous deux j'ai clairement ma réponse. Merci beaucoup ;). Je posterais mon code apres l'avoir fais pour ceux qui viendront ici.