Heim >Web-Frontend >js-Tutorial >Wie kann ich mit JavaScript zu einem bestimmten Anker scrollen?

Wie kann ich mit JavaScript zu einem bestimmten Anker scrollen?

Susan Sarandon
Susan SarandonOriginal
2024-11-16 15:20:03232Durchsuche

How Can I Scroll to a Specific Anchor Using JavaScript?

Mit JavaScript zu einem bestimmten Anker scrollen

Um auf einer Webseite mit JavaScript zu einem bestimmten Anker zu navigieren, führen Sie die folgenden Schritte aus:

Szenario:

Sie haben HTML-Tags mit bestimmten Namen oder IDs:

<a name="anchorName">...</a>

oder

<h1>

Lösung:

Um den gleichen Navigationseffekt wie beim Besuch von http zu erzielen ://server.com/path#anchorName:

function scrollTo(hash) {
  location.hash = "#" + hash;
}

Es werden keine externen Bibliotheken wie jQuery benötigt!

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript zu einem bestimmten Anker scrollen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn