Savez-vous comment utiliser les ancres CSS ?

Il existe deux façons d'utiliser les ancres CSS. Je recommande d'utiliser la suivante :

(Tutoriel recommandé : Tutoriel CSS)

<a href=&#39;#one&#39;>到达第一个锚点</a>
    <a href=&#39;#two&#39;>到达第二个锚点</a>
    <div id=&#39;one&#39;>我是第一个锚点</div>
    <div id=&#39;two&#39;>我是第一个锚点</div>

Ainsi, lorsque nous cliquons sur le lien A, le nœud DOM correspondant défilera vers le haut de la fenêtre.

Mais parfois, notre besoin n'est pas de le faire défiler vers le haut de la fenêtre. Vous voudrez peut-être qu'il soit à une certaine distance du sommet. Cela peut être résolu par les méthodes suivantes.

<a href=&#39;#one&#39;>到达第一个锚点</a>
    <a href=&#39;#two&#39;>到达第二个锚点</a>
    <div id=&#39;one&#39; style=&#39;margin:top:-100px;padding-top:100px&#39;>
    <div >我是第一个需要滚动的内容</div>
   <div id=&#39;two&#39; style=&#39;margin:top:-100px;padding-top:100px&#39;>
    <div >我是第二个需要滚动的内容</div>

Cela permettra d'obtenir l'effet de 200 pixels à partir du haut après le défilement. sans affecter le style de la page originale.

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!