Bonjours,
je suis en train de créer un chat grace a ajax mais je bloque sur une scrollbar, voila la partie du code qui me pose probleme :
en faite, je voudrais que si la scroll se trouve tout en bas on ajoute le message puis on position la scroll en bas, si non, on affiche juste le message.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 if(document.getElementById('messages').scrollTop == document.getElementById('messages').scrollHeight) { document.getElementById('messages').innerHTML += xhr.responseText; document.getElementById('messages').scrollTop = document.getElementById('messages').scrollHeight; } else { document.getElementById('messages').innerHTML += xhr.responseText; }
Exactement comme windows live messenger : a chaque nouveau message la scroll se position automatiquement en bas tandis que lorsque l'on observe les precedent message la scroll ne change pas de place.
Le seul probleme c'est que ça ne fonctionne pas.
quelqu'un peu m'aider ?
ps : je ne sais pas si je m'exprime bien enfin j'essait![]()
Partager