Seiten-Scroll nach oben mit JavaScript: eine einfache und zuverlässige Lösung
Hallo zusammen! Ich bin neu in JavaScript und komme mit dem Scrollen der Seite nach oben nicht klar. Auf meiner Website gibt es eine lange Seite mit Inhalt, und ich möchte einen „Nach oben“-Button erstellen, damit Benutzer schnell zum Anfang zurückkehren können.
Ich habe `window.scrollTo(0, 0)` ausprobiert – es funktioniert irgendwie, aber abrupt, ohne Animation. Ich möchte ein sanftes Scrollen. Ich habe versucht, es mit `window.scrollBy()` zu machen, aber ich habe mich in der Logik verloren. Ich habe auch die alte Methode `window.scrollTo({ top: 0, behavior: 'smooth' })` ausprobiert, aber in einigen Browsern funktioniert sie nicht, besonders in älteren Versionen von Safari.
Hier ist mein aktueller Code, den ich zusammengestellt habe:
function scrollToTop() {
window.scrollTo(0, 0);
}
Der Button funktioniert, aber ruckartig. Könnt ihr mir sagen, wie ich ein sanftes Scrollen machen kann, das in allen modernen Browsern funktioniert? Und kann ich eine Animation mit wechselnder Geschwindigkeit hinzufügen – zuerst schnell, dann langsamer? Ich wäre dankbar für ein Beispiel mit Erklärungen. Danke!
P.S. Bitte kein jQuery – ich möchte es mit reinem JavaScript machen.