Croix navigateur JavaScript (jQuery... pas) faire défiler au haut de la page animation

Question

Je suis à la recherche pour une animation simple, cross-browser « défilement haut de la page » je peux demander à un lien. Je ne veux pas d’exiger une bibliothèque JS jQuery/Moo, etc..

Je suis un cas parfait pour quelqu'un qui devrait avoir appris JS 100 % avant de sauter dans une bibliothèque. :(

Answer 1

<pre><code></code><p><a href="http://jsfiddle.net/TimWolla/S5ALP/" rel="nofollow">http://jsfiddle.net/TimWolla/S5ALP/</a></p></pre>

Answer 2

J’ai modifié la réponse de TimWolla pour utiliser quadratique en-dehors d’accélération (un peu plus lisse :). Voici un exemple dans l’action : sur jsFiddle. Fonctions d’accélération sont disponibles ici : fonctions d’accélération de Robert Penner

Answer 3

J’ai modifié le code de @TimWolla pour ajouter plus d’options et une certaines fonctions de mouvement. En outre, ajout du support pour crossbrowser avec document.body.scrollTop et document.documentElement.scrollTop

http://jsfiddle.net/forestrf/tPQSv/2/

EDIT : Version compressée (testée sur cette page avec du chrome et firefox) :

Answer 4

Facile.

Answer 5

Vient de faire ce javascript seule solution ci-dessous.

Utilisation simple :

Objet Engine (vous pouvez jouer avec filtre, valeurs de fps) :