Partage

metre automatiquement la scroll bar en bas

Sujet résolu
Le 17 mai 2010 à 10:30:49

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
Publicité
Le 17 mai 2010 à 10:30:49
Le 17 mai 2010 à 10:58:45

element = document.getElementById('ton_element_avec_scroll');
element.scrollTop = element.scrollHeight;
Le 17 mai 2010 à 13:44:59

A appeler à chaque fois que tu veux remettre la scrollBar en bas...
Le 17 mai 2010 à 13:48:39

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

EDIT: Ca marche! :D
Merci a vous.
Sinon comment sa marche ce code? o_O
Le 17 mai 2010 à 13:49:31

T'as bien changé ton_element_avec_scroll par l'id de ton bloc ?
Le 17 mai 2010 à 13:50:17

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

Montre précisément comment tu l'as utilisée.
Le 17 mai 2010 à 13:56:41

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? o_O
Le 17 mai 2010 à 14:02:03

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 :p
Le 17 mai 2010 à 14:04:31

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)
Le 17 mai 2010 à 14:10:26

OK merci a vous ;)
Le 28 octobre 2011 à 10:43:42

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!!
Le 3 janvier 2012 à 11:15:21

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 :)

metre automatiquement la scroll bar en bas

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown