Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété scroll-behavior

Description de la propriété scroll-behavior.

scroll-behavior définit comment se fait le défilement lorsqu'un lien fait naviguer à l'intérieur même de la page (signet). Ce défilement peut être soit brutal, soit doux.

Cette propriété ne s'applique qu'au document lui-même, c'est à dire aux balises html ou body, ou aux éléments comportant des barres de défilement.

Valeurs pour scroll-behavior.

  • scroll-behavior: auto;

    Valeur par défaut. Le document se décale brutalement vers la position demandée.

  • scroll-behavior: smooth;

    Le document se décale de façon douce vers la position demandée.

  • scroll-behavior: initial;

    La valeur initiale est auto.

  • scroll-behavior: unset; scroll-behavior: inherit;

    Reportez-vous à la description générale de ces valeurs.

Exemples.

scroll-behavior :
Cliquez pour revenir au début de page
Cliquez pour aller à la fin de la page