Comment puis-je utiliser JavaScript pour accéder à une ancre HTML ?

Navigation vers une ancre HTML à l'aide de JavaScript

Pour améliorer l'expérience utilisateur, il est souvent souhaitable de naviguer vers une section spécifique d'une page Web en cliquant sur un lien d'ancrage. Ceci peut être réalisé de manière transparente avec JavaScript, même sans recourir à des bibliothèques externes comme jQuery.

Exploitation des attributs HTML

Les liens d'ancrage sont généralement définis en HTML à l'aide des attributs name ou id :

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

ou

<h1>

Faire défiler jusqu'au Anchor

Pour faire défiler la page jusqu'à l'ancre souhaitée, définissez simplement la propriété de hachage de l'objet de localisation :

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

Par exemple, pour accéder à l'ancre nommée "anchorName", appelez le scrollTo() fonctionne comme suit :

scrollTo("anchorName");

Cela fera défiler la page de manière transparente pour afficher l'ancre près du haut de la zone visible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!