Comment puis-je ajuster avec précision la position des éléments d'ancrage avec CSS pour les en-têtes fixes ?

Ajustement précis du décalage d'ancrage pour l'en-tête fixe

Pour résoudre ce problème sans effort, vous pouvez utiliser CSS sans avoir besoin de JavaScript.

Modification HTML :

Attribuez une classe unique à votre ancre élément, tel que :

<a class="anchor">

Personnalisation CSS :

Utilisez CSS pour décaler la position de l'ancre par rapport à son emplacement réel sur la page :

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

Ce code permet d'obtenir les résultats suivants :

• affichage : block: Convertit l'ancre en élément de bloc.
• position: relative: Vous permet d'ajuster la position de l'ancre par rapport à son emplacement d'origine.
• top : -250px : Décale l'ancre de 250px vers le haut.

L'attribut "visibilité : masqué" est facultatif et peut être supprimé si vous préférez.

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!