Scroll Snap Type

Set the scroll snap direction & strictness.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

sst:bm

scroll-snap-type: both mandatory;

sst:none

scroll-snap-type: none;

sst:xm

scroll-snap-type: x mandatory;

sst:xp

scroll-snap-type: x proximity;

sst:ym

scroll-snap-type: y mandatory;

sst:yp

scroll-snap-type: y proximity;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.