scroll-snap-type

Heads up: It doesn't look like your browser supports scroll snapping! Check Can I use for current browser support. Maybe try opening this CodePen in a different browser, like Chrome?

On all examples, scroll slowly to "feel" the snap points.

scroll-snap-type: x mandatory;

1

2

3

4

scroll-snap-type: y mandatory;

1

2

3

4

scroll-snap-type: both mandatory;

1

2

3

4

scroll-snap-type: x proximity;

1

2

3

4

scroll-snap-type: y proximity;

1

2

3

4

scroll-snap-type: both proximity;

1

2

3

4