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.