JavaScript - Langsam zum Seitenanfang scrollen

<a href="javascript:document.getElementsByTagName('body')[0].scrollIntoView({behavior: 'smooth', block: 'start'});">
Seitenanfang</a>

Beispiel anzeigen

Alternative mit CSS

<style>
html {
 scroll-behavior: smooth;
}
</style>

In HTML einen Link und einen Anker setzen:

<a href="#anker">Nach unten</a>
...
Viel Inhalt!
...
<div id="anker">Unten!</div>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<output> Ausgabe

CSS - Checkboxen und Radiobuttons farblich anpassen

PHP - Wochen automatisch generieren

JavaScript - Zahl runden

MySQL - Gleiche Datensätze anzeigen

Webseiten in Planung
Je tiefer die Homepage konstruiert ist desto größer ist die Gefahr, dass der Besucher die Orientierung verliert. Daraus folgt, dass gleich bei der Planung darauf zu achten ist, mehr in die Breite als in die Tiefe zu strukturieren. Sorgfältige Planung ist das „A und O“ einer guten Homepage, diese entsteht nicht von heute auf Morgen.