2015-04-17 4 views
1

J'ai trouvé cette fonction de défilement automatique javascript et l'ai obtenue en la collant dans le fichier d'en-tête d'un site wordpress. Cependant, je voudrais ralentir le défilement afin qu'il ne colle pas immédiatement au bas de la page. Je suis toute nouvelle en javascript et n'a pas pu obtenir d'autres fonctions de défilement automatique pour travailler sur mon site, donc j'espère pouvoir ajuster cette fonction en ajoutant une variable de vitesse. Merci beaucoup!ralentir la fonction de défilement automatique javascript

<script type="text/javascript"><!-- 

    function AutoScrollOnload() { 

     var InFromLeft = 172; 
     var DownFromTop = 964; 

     window.scrollTo(InFromLeft,DownFromTop); 
    } 

    function AddOnloadEvent(f) { 
     if (typeof window.onload != 'function') { 
      window.onload = f; 
     } 
     else { 
      var cache = window.onload; 
      window.onload = function() { 
       if (cache) { cache(); } 
       f(); 
      }; 
     } 
    } 

    AddOnloadEvent(AutoScrollOnload); 

//--></script> 

Répondre

0

Essayez ceci. Jouez avec les valeurs (10) pour ajuster à votre goût.

function slowScroll(inFromLeft, downFromTop) { 
    var left = 0; 
    var top = 0; 

    function scroll() { 
     left = left + 10; 
     top = top + 10; 
     window.scrollTo(left, top); 

     if (left >= inFromLeft && top >= downFromTop) 
      clearInterval(id) 
     } 

     var id = setInterval(scroll, 10) 
    } 

function AutoScrollOnload() { 
    var InFromLeft = 172; 
    var DownFromTop = 964; 

    slowScroll(InFromLeft,DownFromTop); 
} 
+0

Cela semble prometteur mais n'a pas fonctionné. Je l'ai collé après la balise , à l'intérieur de cette balise: . J'ai aussi joué avec les valeurs sans effet. Une idée de ce que je fais mal? – sheesh

+0

Avez-vous ajouté à l'intérieur du même ' artm

+0

Ah! Juste fait en sorte que les deux étaient là. Travaillé! – sheesh