HTML: Zum Anfang der Seite springen


Wenn du wieder zum Anfang deiner Webseite springen möchtest. Dann machst du das am besten mit Jquery. Wie das geht zeige ich dir in diesem Beitrag.


HTML: Zum Anfang der Seite springen

Bevor du den Code nutzen Kannst musst du Jquery in den < Head > Bereich deiner Webseite einbinden

1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">

Mit diesem Jquery Code kannst du zum Anfang der Seite springen. Füge diesen Code in deinen Head Bereich deiner Webseite ein.

1
2
3
4
5
6
7
<script>

function totop() {

    $('html,body').scrollTop(0);
}
</script>

FlyButton erstellen

Vielleicht möchtest du noch einen Flybutton haben der auf deiner Webseite angezeigt. Wird wo man dann wieder zum Anfang der Seite springen kann.

  • Dieser Button ist immer fix im unteren Bereich deiner Webseite
1
2
<span style="position: fixed; z-index: 99999;
bottom: 4%; left: 5%; font-size: 18px;"
>Top</span>



weitere Beiträge zum Thema HTML


HTML: Viewport – Meta Tag einfügen
HTML: Link erstellen – Wort verlinken
CSS: Mauszeiger ausblenden – So gehts!
HTML: DIV nebeneinander anordnen – So gehts!
HTML: Scrollbar ausblenden – So gehts
HTML: Inputfeld ausgrauen mit Readonly – So gehts
HTML: Dropdown Liste erstellen – So gehts
HTML: Video abspielen und einbinden – So gehts
HTML: Audio Datei einbinden – Hintergrundmusik
HTML: Text in Zwischenablage kopieren – So gehts
WordPress: Keine .htaccess Datei: Lösung
CSS: Wiederholenden Hintergrund erstellen
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
WordPress: Post ID herrausfinden – So gehts!
WordPress: Domain ändern – So schnell gehts!
WordPress: Seite erstellen – So wirds gemacht!
HTML: Rahmen um Text – So gehts
HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!

Schreibe einen Kommentar