Attribut scroll-snap-stop CSS

Définition et utilisation

Lorsque vous glissez rapidement sur le pavé tactile ou l'écran tactilescroll-snap-stop L'attribut est utilisé pour spécifier si le défilement saute directement sur l'élément ou s'arrête et吸附 à l'élément suivant.

Pour contrôler le comportement d'arrêt d'吸附 du défilement, il faut définir l'attribut sur l'élément enfant scroll-snap-stop et scroll-snap-align Attribut, en même temps que sur l'élément parent scroll-snap-type attribut.

Note : Vous devez utiliser les gestes de glissement sur un appareil équipé d'un pavé tactile ou d'un écran tactile pour expérimenter scroll-snap-stop Effet de l'attribut.

Exemple

Lorsque vous glissez rapidement sur le pavé tactile ou l'écran tactile, forcez le défilement à s'arrêter et à吸附 à l'élément suivant, au lieu de sauter directement sur l'élément :

div {
  scroll-snap-stop: always;
}

Essayez-le vous-même

Syntaxe CSS

scroll-snap-stop: normal|always|initial|inherit;

Valeur de l'attribut

Valeur Description
normal Valeur par défaut. Après un glissement rapide sur le pavé tactile ou l'écran tactile, le défilement décélère lentement et saute plusieurs éléments.
always Après un glissement rapide sur le pavé tactile ou l'écran tactile, le défilement s'arrête et l'élément suivant est吸附 à la position du point d'accès.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : normal
Héritabilité : Non
Création d'animation : Non pris en charge. Voir :Attributs liés aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.scrollSnapStop="always"

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opéra
75.0 79.0 103.0 15.0 62.0

Pages associées

Référence :Attribut scroll-snap-align CSS

Référence :Attribut scroll-snap-type CSS