Résumer l'utilisation des points d'ancrage en HTML et js

Utilisation des points d'ancrage en HTML :

1.Explication détaillée de ce que sont les ancres HTML

La première étape dans l'apprentissage des connaissances Web est définitivement le HTML, parmi lesquels ancres HTML À quoi ça sert exactement ?

Pour faire simple, par exemple, si vous souhaitez lire un article très long avec précision par segment, vous pouvez utiliser des points d'ancrage.

2.Exemple d'utilisation d'un point d'ancrage HTML

Après avoir compris ce qu'est un point d'ancrage, comprenons comment l'utiliser.

Exemples d'utilisation de points d'ancrage en js :

1.Comment localiser un point d'ancrage en js

Les points d'ancrage peuvent être définis dans la page html et la définition du point d'ancrage

2.JS implémente l'effet d'affichage coulissant d'index et l'effet de point d'ancrage d'affichage coulissant de le carnet d'adresses

La première consiste à glisser sur la barre d'index sur le côté droit du carnet d'adresses. Lorsque vous glissez sur la lettre correspondante, il passera au point d'ancrage de la lettre correspondante. .

Idée : écoutez l'événement touchmove, obtenez clientX et clientY, transmettez-les à elementFromPoint, puis exécutez click() après avoir obtenu l'élément.

3.Exemple d'implémentation Javascript de l'effet de défilement d'ancre de navigation

Il peut y avoir une telle exigence dans les pages de développement courantes, la page Il y aura plusieurs modules dans le module, et chaque module correspond à une navigation Lorsque la page défile jusqu'à un certain module, le module de navigation correspondant doit ajouter une classe pour distinguer la zone parcourue par l'utilisateur actuel.

Questions et réponses liées à l'ancrage :

1.javascript - problème d'ancrage angulaire

2.angular.js - AngularJs contrôle la sortie de la page en définissant des liens d'ancrage

3.html5 - Problème d'ancrage d'une balise en HTML

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!