Maison > interface Web > js tutoriel > Comment puis-je faire défiler jusqu'à une ancre spécifique à l'aide de JavaScript ?

Comment puis-je faire défiler jusqu'à une ancre spécifique à l'aide de JavaScript ?

Susan Sarandon
Libérer: 2024-11-16 15:20:03
original
248 Les gens l'ont consulté

How Can I Scroll to a Specific Anchor Using JavaScript?

Faire défiler vers une ancre spécifique à l'aide de JavaScript

Pour naviguer dans une page Web vers une ancre particulière à l'aide de JavaScript, suivez ces étapes :

Scénario :

Vous avez des balises HTML avec des noms ou des identifiants spécifiés :

<a name="anchorName">...</a>
Copier après la connexion

ou

<h1>
Copier après la connexion

Solution :

Pour obtenir le même effet de navigation que lorsque vous visitez http ://server.com/path#anchorName :

function scrollTo(hash) {
  location.hash = "#" + hash;
}
Copier après la connexion

Aucune bibliothèque externe comme jQuery n'est nécessaire !

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal