HTML: Zum Anfang der Seite springen

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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   

Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



27625