CSS Scroll Snap Points is a module of CSS that defines properties and values that provide the author with the ability to control layout through logical, rather than physical, direction and dimension mappings

CSS CSS Scroll Snap Points Overview Reference

The scroll-snap-coordinate CSS property defines the positions in x and y coordinates within the element which will align with the nearest ancestor scroll container's scroll-snap-destination for the respective axis.

CSS CSS Property CSS Scroll Snap Points Experimental Reference

The scroll-snap-destination CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.

CSS CSS Property CSS Scroll Snap Points Experimental Reference

The scroll-snap-points-x CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.

CSS CSS Property CSS Scroll Snap Points Experimental Reference

The scroll-snap-points-y CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.

CSS CSS Property CSS Scroll Snap Points Experimental Reference

The scroll-snap-type CSS property defines how strictly snap points are enforced on the scroll container in case there is one.

CSS CSS Property CSS Scroll Snap Points Experimental Reference

The scroll-snap-type-x CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.

CSS CSS Property CSS Scroll Snap Points NeedsExample Non-standard Reference

The scroll-snap-type-y CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.

CSS CSS Property CSS Scroll Snap Points NeedsExample Non-standard Reference