ScrollTop ne fonctionne pas !
Fermé
parousky
Messages postés
325
Date d'inscription
mardi 11 septembre 2012
Statut
Membre
Dernière intervention
20 février 2022
-
26 mai 2015 à 20:27
Kalo - 28 mai 2015 à 00:33
Kalo - 28 mai 2015 à 00:33
2 réponses
essayes avec cet exemple:
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_css_scrolltop_set
c'est peut être un problème avec ta librairie jquery... ?
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_css_scrolltop_set
c'est peut être un problème avec ta librairie jquery... ?
parousky
Messages postés
325
Date d'inscription
mardi 11 septembre 2012
Statut
Membre
Dernière intervention
20 février 2022
6
27 mai 2015 à 19:54
27 mai 2015 à 19:54
Alors oui effectivement ça fonctionne, mais uniquement lorsque la fonction pour scroller est appelée en cliquant sur un bouton.
J'aimerais bien que cette fonction soit appelée lorsque la page se charge.
Donc j'ai écris :
Mais là ça ne fonctionne pas ! Je trouve ça très étrange !
Vois-tu un problème ?
J'aimerais bien que cette fonction soit appelée lorsque la page se charge.
Donc j'ai écris :
<script>
function Scroll()
{
$("#commentaires").scrollTop($("#commentaires")[0].scrollHeight);
}
</script>
<body onload="Scroll()">
</body>
Mais là ça ne fonctionne pas ! Je trouve ça très étrange !
Vois-tu un problème ?
j'ai essayé ta version, chez moi ça fonctionne, la barre de scroll du navigateur (firefox) se positionne à la fin...est-ce l'effet que tu recherchais ?
voilà le code que j'ai utilisé:
voilà le code que j'ai utilisé:
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> function Scroll() { $("#commentaires").scrollTop($("#commentaires")[0].scrollHeight); } </script> </head> <body onload="Scroll()"> <div id="commentaires" style="border:1px solid black;width:100%;height:400px;overflow:auto"> 5 paragraphes générés à partir de http://fr.lipsum.com/ </body> </html>