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
Freigeben: 2024-11-16 15:20:03
Original
209 Leute haben es durchsucht

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>
Nach dem Login kopieren

oder

<h1>
Nach dem Login kopieren

Lösung:

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

function scrollTo(hash) {
  location.hash = "#" + hash;
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage