11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je développe actuellement un chat en JavaScript et j'ai un problème que je n'arrive pas à résoudre.
J'ai décidé de placer le contenu de la conversation dans un div de hauteur fixe avec overflow:auto.
A chaque fois qu'une personne envoie un message, il se concatène à la conversation. Jusque là pas de problèmes.
Ce qui est facheux c'est lorsque la conversation dépasse du div et donc apparait une scrollbar. Cette scrollbar reste positionnée en haut du div ce qui permet de voir les premiers messages envoyés mais pas les derniers !
J'aimerais une technique (si possible compatible IE et Firefox) pour faire défiler automatiquement la scrollbar du div vers le bas afin de voir les derniers messages envoyés dans la conversation.
Quelqu'un a t'il déjà eu ce genre de problème?

Merci
Bonjour.
Plusieurs possibilités, il y en a bien une qui marchera.

1. Attribuer la valeur de scrollHeight à scrollTop sur le div
ce qui pourrait s'écrire :

var x = document.getElementById('div01');
x.scrollTop = x.scrollHeight;


Si ça marche pas, peut-être la méthode scrollBy ou scrollTo.