Ascenseur d'un scroll toujours positionné en bas dans un div dinamique overflow

**Seta-san** · 24/05/2009, 22h09

bonsoir !

Je suis en train de m'arracher les cheveux...
J'ai un div en overflow:auto qui affiche un contenu dynamique (résultats d'une succession de boucle php).

Je souhaiterais que l'ascenseur du scoll soit toujours positionné en bas afin de voir défiler le texte au fur et à mesure de l'affichage.

Voici mon code qui ne fonctionne pas..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<head>
<script>
window.setInterval(load(),1000);
function load()
{
	var elt = document.getElementById("content");
	elt.scrollTop=elt.scrollHeight;
}
 
</script> 
</head>....
 
 
<div  id="content" style=" height:80px; overflow:auto; font-size:9px">contenu dynamique</div>

Je ne sais pas si il est adapté à ma requête..

**Auteur** · 24/05/2009, 23h02

bonsoir,

voilà un exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
 
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
<style type="text/css">
<!--
#idDiv{
overflow: auto;
width: 200px;
height: 100px;
}
 
//-->
</style>
<script type="text/javascript">
<!--
function scrollEnBas()
{
 var elDiv =document.getElementById("idDiv");
 elDiv.scrollTop = elDiv.scrollHeight-elDiv.offsetHeight;
 //alert(elDiv.scrollHeight+" "+elDiv.offsetHeight+" "+elDiv.scrollTop);
}
 
//-->
</script>
 
</head>
 
<body onload="scrollEnBas()">
<div id="idDiv">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla<br><br>
bla bla bla bla bla bla bla bla bla bla bla bla bla<br><br>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla<br><br>
</div>
 
 
</body>
 
</html>

**Seta-san** · 24/05/2009, 23h23

Merci pour ton aide,ca ne fait pas vraiment l'effet visuel que je souhaite mais c'est la seul solution qui s'en rapproche le plus.
Avec ton code l'ascenseur va en bas seulement après que le div est été complété.

Merci en tout cas ça me va très bien !

Ascenseur d'un scroll toujours positionné en bas dans un div dinamique overflow

JavaScript

Vue hybride

Discussions similaires

Partager

Partager