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
208 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!

source:php.cn
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