Descendre scrollbar automatiquement

**Epica84** · 04/03/2010, 11h25

Bonjour à tous,

Voici se que j'ai pu trouver sur le forum
http://www.developpez.net/forums/d73...llbar-div-bas/

Mais cela ne m'as pas suffit pour corriger se que je souhaite faire.

J'ai une l'arborescence suivante :

Index.php (dedans j'ai un

Code :

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

1
2
3
4
5
6
7
8
9
 
<?php 
include(function.js)
 
?>
 
<!-- en haut de ma page avant <html> j'ai ce qui est écrit en dessus-->
 
<div id="menu"> <?php include(mapageinclut.php)</div>

)

dans cet page : mapageinclut.php
j'ai le code suivant :

Code :

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

1
2
3
4
5
6
7
8
<ul id="submenu"> <!-- événement???="fonctiondescencescroll"-->
 
<li>
 
				  <?php echo ecrire('action');?> 
<!-- ecrire est une fonction qui écrite dans function.js -->
 
</ul>

JE souhaiterai au moment du déroulement de ma page que le <ul id="submenu"> soit en haut à gauche de ma fenetre et donc par conséquence descendre la scrollbar ou

descendre la scrollbar au maximum.

J'ai déjà essayer :

Code :

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

1
2
<a href="#">
<a name="xxx">

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
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
50
51
52
 
function cherchelargeur() {
alert(document.test.resultatlargeur.value = document.test_largeur.width);
}
 
function cherchelongueur() {
document.test.resultatlongueur.value = document.test_longueur.height;
}
 
function alertSize(i) {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
 
 // window.alert( 'Width = ' + myWidth );        //==>> Message pour nous dire taille de l'écran
 // window.alert( 'Height = ' + myHeight );
 
}
 
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
 
  scrOfX=document.documentElement.scrollHeight ;
 
  return [ scrOfX, scrOfY ];
 
 
}

**SpaceFrog** · 04/03/2010, 11h28

ben pointe sur l'ancre ....

Code :

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

<a href="#submenu">

**Epica84** · 04/03/2010, 11h44

Envoyé par SpaceFrog

ben pointe sur l'ancre ....

Code :

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

<a href="#submenu">

Cela ne marche pas car il y un include donc je suppose que ma page est déjà chargé non?

**Epica84** · 04/03/2010, 11h51

Merci de l'ensemble de vos réponse mais je le place où vos réponse???

désolé je suis un pseudo débutant en prog web ...

**SpaceFrog** · 04/03/2010, 11h54

la balise a est juste un lien href ...
poru le faire dynamiquement il faut lancer une des lignes de script données précédemment sur le onload du body par exemple

**E.Bzz** · 04/03/2010, 11h30

Oui, ou

Code :

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

self.location.href="#submenu";

si c'est dans une fonction ...

A+

**Bovino** · 04/03/2010, 11h31

Code :

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

document.getElementById ("submenu").scrollIntoView ();

**SpaceFrog** · 04/03/2010, 11h36

crossBrowser ça ???

Code :

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

self.location.assing("#submenu")

ou encore recupérer le offsetTop et l'attribuer au scrollTop

bref ce ne sont pas les solutions qui manquent

**E.Bzz** · 04/03/2010, 11h43

assign() ...

A+

**Bovino** · 04/03/2010, 12h03

Envoyé par Bovino

Code :

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

document.getElementById ("submenu").scrollIntoView ();

Envoyé par SpaceFrog

crossBrowser ça ???

Oui, tout autant que assing

(Ceci dit, assing est parfaitement croos-browser : ça renvoie une erreur sur tous les navigateurs

)

**SpaceFrog** · 04/03/2010, 12h04

assign()

**Epica84** · 04/03/2010, 14h10

Juste un petit message encore ^^.

Comment fait-on pour mettre la scrollbar pile au milieu de notre fênetre?

Cordialement

Descendre scrollbar automatiquement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager