CSS Scroll Snap

CSS Scroll Snap est un module de spécification CSS qui introduit les positions d'accroche lors du défilement. Cela permet de garantir la position sur laquelle on arrive après avoir fait défiler du contenu.

Note : La version précédente ce module, Scroll Snap Points, est dépréciée et est désormais remplacée par CSS Scroll Snap.

Référence

Propriétés CSS applicables aux conteneurs

scroll-snap-type
scroll-snap-stop
scroll-padding
scroll-padding-top
scroll-padding-right
scroll-padding-bottom
scroll-padding-left
scroll-padding-inline
scroll-padding-inline-start
scroll-padding-inline-end
scroll-padding-block
scroll-padding-block-start
scroll-padding-block-end

Propriétés CSS applicables aux éléments enfants

scroll-snap-align
scroll-margin
scroll-margin-top
scroll-margin-right
scroll-margin-bottom
scroll-margin-left
scroll-margin-inline
scroll-margin-inline-start
scroll-margin-inline-end
scroll-margin-block
scroll-margin-block-start
scroll-margin-block-end

Guides

Concepts de bases pour CSS Scroll Snap
Compatiblité des navigateurs et CSS Scroll Snap

Spécifications

Specification
CSS Scroll Snap Module Level 1
CSS Scroll Snap Module Level 2

Compatibilité des navigateurs

Les informations de compatibilité sont présentes sur chacune des pages des propriétés.