Salut a tous.
Voila j'ai fai une chatbox grace au tuto sur php/mysql.
mais au lieu de mettre le formulaire en haut je l'ai mis en bas comme sur msn.
Donc le dernier message est affiché tout en bas.
et donc j'aimerais que la scrollbar soit par defaut en bas.j'ai essayé avec les ancres mais sa marche pas.Aidez moi s'il vous plait.
Merci d'avance

element = document.getElementById('ton_element_avec_scroll');
element.scrollTop = element.scrollHeight;

A appeler à chaque fois que tu veux remettre la scrollBar en bas...

bah sa marche pas!!
une autre idée?

EDIT: Ca marche!
Merci a vous.
Sinon comment sa marche ce code?

T'as bien changé ton_element_avec_scroll par l'id de ton bloc ?

Cette solution fonctionne. C'est toi qui l'utilise mal.

Montre précisément comment tu l'as utilisée.

En fait j'avais mis le code tout au debu avant meme le chargement de la page..
J'ai corrigé ma faute .
Sinon..comment fonctionne ce bout de code?

element = document.getElementById('ton_element_avec_scroll');
element.scrollTop = element.scrollHeight;
Première ligne : récupère l'élément.
Deuxième partie : Met le haut du scroll à la hauteur totale du scroll. => Met tout en bas quoi
En gros, c'est ça

scrollHeight représente la hauteur totale de ton élément.

scrollTop représente la position à partir du haut.

Donc si tu mets le scrollTop à scrollHeight, tu seras au plus bas possible. (même trop bas, mais JS corrige tout seul)

OK merci a vous

Bonjour!
Je déterre ce sujet car je souhaiterais la meme chose sur ce bout de code (obliger le scroll à être en bas de base) :

<iframe 
src="http://www.visiometeo.com/images/cartes_meteo/meteoaccueilmini1.php" 
frameborder="0"  height="219" scrolling="yes" width="434">
</iframe>

Grand merci!!

Hello !!!

<iframe id="frame_1"
src="http://www.visiometeo.com/images/cartes_meteo/meteoaccueilmini1.php" 
frameborder="0"  height="219" scrolling="yes" width="434">
</iframe>
<script>
document.getElementById('frame_1').scrollTop = document.getElementById('frame_1').scrollHeight;
</script>

Voili voilou