Wie scrolle ich mit JavaScript zu einem bestimmten Anker in HTML?

Eine HTML-Seite mit JavaScript zu einem bestimmten Anker scrollen

Problem:

Eine HTML-Seite muss programmgesteuert zu einem bestimmten Anker gescrollt werden ein bestimmter Anker, der nur JavaScript verwendet. Sie haben dem gewünschten Anker ein Namens- oder ID-Attribut zugewiesen, z. B.:

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

Das Ziel besteht darin, den Effekt der manuellen Navigation zu einer URL mit einem Ankerfragment wie http://server zu reproduzieren. com/path#anchorName.

Lösung:

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

Diese JavaScript-Funktion scrollt Verknüpfen Sie die Seite mit dem Anker, indem Sie die Eigenschaft location.hash festlegen. Die Eigenschaft location.hash stellt das Ankerfragment der aktuellen URL dar. Indem Sie dieser Eigenschaft den gewünschten Ankernamen zuweisen, scrollt der Browser die Seite automatisch an die entsprechende Position.

Im Gegensatz zu vielen anderen Lösungen erfordert diese Methode keine externen Bibliotheken wie jQuery.

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