scroll et DIV [Résolu]

[voyageurdumonde]

Bonjour,

J'utilise un fonction pour scroller une DIV
Au depart Je voulais juste que lorsque l'on execute la fonction le scroll se place en haut mais avec le code suivant ca ne fonctionnait pas

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
 
function scroll_up()
{
 
scroller.scrollTop = 0;
 
 
</script>
 
<div id="scroller" style="height:400px;overflow:auto;">

du coup j'ai trouve ceci sur le forum. Ca fonctionne bien mais une fois la page en haut il n'est plus possible de la redescendre car elle remonte toute seule.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
 
function scroll_up()
{
document.getElementById('scroller').scrollTop	
 
        var d = document.getElementById('scroller');
 
         d.scrollTop = d.scrollTop - 50;
 
       scrolling = window.setTimeout(function() {
            scroll_up();
         }, 1);
 
 }
 
</script>

Pourriez vous me donner un idee pour que le scroll de la div se place juste en haut lorsque l'on execute la fonction mais que apres on puisse quand meme scroller manuellement.

Merci de votre aide

[NoSmoking]

Bonjour,
dans ton code #1, il serait plus judicieux de récupérer la référence à l'objet

Code :

1
2
3
4
function scroll_up(){
  var oDiv = document.getElementById('scroller');
  oDiv.scrollTop = 0;
}

dans ton code #2
il faut penser à arrêter le timer quand la position est arrivé à 0, entre autre syntaxe farfelue

du coup j'ai trouve ceci sur le forum

ce devait être une question, mais pas une réponse.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
function scroll_up(){
  var oDiv = document.getElementById('scroller');
  if( oDiv.scrollTop > 50){
    oDiv.scrollTop = oDiv.scrollTop - 50;
    scrolling = window.setTimeout(function() {
      scroll_up();
    }, 1);
  }
  else{
   oDiv.scrollTop = 0;
  }
}

[voyageurdumonde]

Merci pour la modification du code #1. Ca fonctionne tres bien maintenant .