How do Nike and Apple make such smooth and touch friendly carousels with pure CSS?
The scroll-snap property in CSS gives you amazingly smooth and performant scroll snapping for both desktop and mobile browsers. Combine that with element.scrollIntoView() in JS and you have a complete and fully functional carousel that is wonderfully smooth and simple
- Learn more about scroll snap: https://developer.mozilla.org/en-US/d...
- Browser support: https://caniuse.com/?search=scroll-snap
- Try it out yourself: https://jsfiddle.net/L1cs6gt5/1/
- Try a more complex example using JS to programmatically scroll https://jsfiddle.net/L1cs6gt5/3/
