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

<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.

<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
<span style="position: fixed; z-index: 99999;
bottom: 4%; left: 5%; font-size: 18px;">Top</span>
    html        zum anfang springen   

Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?