décalage de défilementhtml

Question

J'essaie de faire quelque chose en HTML et CSS, mais je ne sais pas si cela fonctionne réellement.

Je veux m'assurer d'ajouter une sorte de "délai" lors du défilement, comme ralentir le défilement pour le rendre plus doux.

Certains sites le font. J'ai visité certaines pages qui défilaient différemment des autres sites et semblaient douces.

Est-ce possible ?

Answer 1

Bien sûr ! Pour obtenir un effet de défilement fluide sur votre site Web, vous pouvez utiliser les règles CSS suivantes :

html {
  scroll-behavior: smooth;
}

Et pour créer des liens internes qui déclenchent un défilement fluide, utilisez des balises d'ancrage comme celle-ci dans votre HTML :

<a href="#section1">跳转到第一部分</a>
<a href="#section2">跳转到第二部分</a>

<section id="section1">
  <!-- 第一部分的内容 -->
</section>

<section id="section2">
  <!-- 第二部分的内容 -->
</section>

En utilisant cette méthode, le défilement de votre site Web sera plus fluide et plus confortable pour les utilisateurs.