Discussion :

[pascb423]

Bonjour,
j'ai créer un chat dans une div de 400px de haut
la, les messges sont remplit au fur et à mesur dans la div qui proviennent dela base de donnée
et quand les messages dépassent la hauteur de la div et que je rafraichis la page, il scroll tous les message pour arriver au dernier, c'est ce que j'aimerais mais sans qu'il scroll tous les message, qu'il aille directement sur le dernier message tout en bas.
j'ai utiliser ce code js mais il scroll tous les messages

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var messageContainer = document.getElementById("chat");
						messageContainer.scrollBy(0, 20000);

[NoSmoking]

Bonjour,
si tu veux afficher la fin d'un élément scrollable il te faut écrire simplement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

elem.scrollTop = elem.scrollHeight;

[Doksuri]

salut, attention a l'abus du scroll auto : si par exemple tu lis un vieux message (plus haut dans le scroll) et que ton scroll auto te rebalance tout en bas... ca va vite etre enervant d'aller lire les vieux messages

de plus, tu parles de rafraichir la page : je te conseilles plutot de le faire en ajax

[pascb423]

merci, d'accord je le ferai en ajax mais en ajax je peux me positionner directement sur le dernier message du chat en bas de la div dans laquelle il y a les message sans qu'il scroll tous les messages?

[NoSmoking]

Comme dit plus haut, lorsque tu insères l'élément dans le wrapper tu fais un wrapper .scrollTop = wrapper .scrollHeight c'est tout.

Pour en revenir à ce qui a également été soulevé une « bonne solution » est de prévenir avec un petit bandeau "un nouveau message est disponible" et au click sur celui-ci tu le fais disparaître et tu scrolles direct.

[pascb423]

merci