CSS Scroll‑Snap

Scroll‑snap creates carousel‑like scroll experiences without JavaScript.

.scroller { overflow-x:auto; scroll-snap-type:x mandatory; }
.item { scroll-snap-align:start; }