Wie kann man die Seite sanft zu einem Element mit seiner ID oder Klasse mittels JavaScript/jQuery scrollen?

Hallo zusammen! Ich bin neu in der Webentwicklung und bin auf folgende Aufgabe gestoßen: Auf meiner Seite gibt es eine lange Liste und unten einen Button "Nach oben". Beim Klick darauf soll die Seite sanft (animiert) ganz nach oben scrollen. Aber ich bekomme es nicht zum Laufen. Hier ist mein Code: ```html Zurück nach oben ``` ```javascript // Versuche, zum Element mit id="footer" zu scrollen $('#goTop').click(function() { $('#footer').scroll(); // Funktioniert nicht // Oder so: window.scrollTo(0, $('#footer').offset().top); // Springt einfach, ohne Animation }); ``` Ich habe verschiedene Varianten ausprobiert, aber nichts funktioniert. Wie macht man richtig einen sanften scroll zu einem Element? Es soll beim Klick auf den Button die Seite