Descendre automatique l'ascenseur de la scrollbar

Version imprimable

21/01/2008, 19h24
Jonathan.b

Descendre automatique l'ascenseur de la scrollbar

Bonjour à tous,

Je voudrais avoir l'ascenceur de ma scrollbar directement en bas pour voir la fin du contenu de la div qui a ce scrollbar mais je ne vois pas comment faire.

Avez vous une idée?

Merci d'avance.
22/01/2008, 07h53
Bisûnûrs

Avec un scrollTop en Javascript.

j'ai testé plusieurs solutions sans grand succès

ou est le problème ? y'a pourtant pas grand chose a faire :(
la fonction est appelé dans le body.
Code:

1 2 3 4 5 6 <script> function scrolldiv() { document.getElementById('scroll').scrollTop = 1000; } </script>
Code:

1 2 3 4 5 6 7 <div id="scroll"> <p>blabla</p> <p>blabla</p> <p>blabla</p> <p>blabla</p> </div>

Avec ça je n'ai pas de problème :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript">
function scrolldiv() {
   document.getElementById('scroll').scrollTop = 1000;
}
</script>
 
<body onload="scrolldiv()">
<div id="scroll" style="height:100px;overflow:auto">
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
	<p>blabla</p>
</div>

22/01/2008, 12h12
kohsaka

ok ça marche, j'avais mis une majuscule lors de l'appelle de la fonction :aie:

désolé, pour le dérangement bisûnûrs.
22/01/2008, 20h13
Jonathan.b

Merci beaucoup. Cela marche parfaitement sous FF mais je rencontre un petit problème sous IE. L'ascenseur n'arrive qu'a la moitier de la scrollbar!!!8O
D'où cela peut venir?
22/01/2008, 20h22
Bisûnûrs

C'est avec le code que je t'ai donné ou tu l'as adapté ? Dans le deuxième cas, peux-tu nous le donner ?
28/01/2008, 20h46
Jonathan.b

C'était l'adaptation qui posait quelques problème. Il y avait des éléments à ce rajouter dans la div après que la fonction JS soit exécutée.

Merci encore.