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

preview_player

Показать описание

Steve (Builder.io)

Рекомендации по теме

Комментарии

This is so awesome, can't wait to try it out 💯

auctifer

Thanks so much the scroll-padding was just what I needed

Ro_V_oR

Never thought making responsive scrollable cards would turn out to be that easy. Thank you so much for this useful tip.

xi_red

I love this. Very helpful. Is there a way to make them rotate automatically like the carousel in Bootstrap? Like it would be nice to have them loop through the images automatically while also giving the option to click on the dots to go back to a image the user wants to look at again

bread_loaf

Could you please add an example of how to add the next and previous buttons to the jsFiddle?
I'm struggling to get that implemented.
Amazing video though!

trickster

Does it need display: flex and overflow-x: scroll on the slides container ?

dailymeow

I was wondering if there is any way to get rid of the horizontal scroll bar?

chetansidhu

Has anyone had any issues with using scroll into view and hijacking the page scroll?

felp