How do Nike and Apple make such smooth and touch friendly carousels with pure CSS?

Опубликовано: 30 Май 2022
на канале: Steve (Builder.io)
23,257
755

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/


Смотрите видео How do Nike and Apple make such smooth and touch friendly carousels with pure CSS? онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Steve (Builder.io) 30 Май 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 23,257 раз и оно понравилось 755 людям.