Cross-Browser-JavaScript (nicht jQuery...) Scrollen zur oberen Animation

Question

Ich suche nach einer einfachen, plattformübergreifenden "Zurück nach oben scrollen"-Animation, die ich auf einen Link anwenden kann. Ich möchte keine JS-Bibliothek wie jQuery/Moo usw. benötigen.

// jQuery-Äquivalent zum Konvertieren in reinen JS...
$('html, body').animate({scrollTop:0}, 400);

Ich bin ein perfekter Fall für jemanden, der JS zu 100% hätte lernen sollen, bevor er in eine Bibliothek gesprungen ist. :(

Answer 1

Verwenden Sie diese Lösung

animate(document.documentElement, 'scrollTop', 0, 200);

Danke

Answer 2

Ich sehe, dass die meisten/alle obigen Beiträge nach einem Button mit JavaScript suchen. Das funktioniert, solange Sie nur einen Button haben. Ich würde empfehlen, ein "onclick"-Element im Inneren des Buttons zu definieren. Dieses "onclick" würde dann die Funktion aufrufen, die das Scrollen verursacht.

Wenn Sie es so machen, können Sie mehr als einen Button verwenden, solange der Button ungefähr so aussieht:

Nach oben