CSS Scroll Snap
Create snapping scroll effects
1
2
3
4
5
6
7
8
/* Container */ display: flex; flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding: 16px; /* Items */ scroll-snap-align: start; flex-shrink: 0;
Create snapping scroll effects
/* Container */ display: flex; flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding: 16px; /* Items */ scroll-snap-align: start; flex-shrink: 0;