herydj

scroll-behavior en CSS 🤔

Améliorer le scroll de la page

09 août 2024
css

C’est une propriété CSS qui permet de contrôler le défilement d’une page.

Valeurs de scroll-behavior

  1. auto (par défaut) : Le défilement se fait instantanément, sans effet de transition.
  2. smooth : Le défilement se fait de manière fluide, avec une transition douce.

Pour utiliser scroll-behavior, il suffit de l'ajouter au style de l'élément que vous souhaitez contrôler. Par exemples :

/* tout le document */
html {
  scroll-behavior: smooth;
}
/* pour un container spécifique */
.container {
  scroll-behavior: smooth;
}
scroll-behavior en CSS 🤔
scroll-behavior en CSS 🤔