Sensitive content

This media may contain sensitive content.

Loading video...

Video Failed to Load

Go Home

Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

305,109 views • 1 year ago •via X (Twitter)

11 Comments

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈1 year ago

can do it without any JavaScript at all *based on scroll-driven animation support but scrollsnapchanging isn't in Firefox/Safari either

Manish Baghel's profile picture
Manish Baghel1 year ago

I used to work at Uniqlo in the backend team and no one in the engineering team liked this scroll behavior but for some reason the business team insisted on keeping it. I'll forward your post to the frontend team at Uniqlo hopefully they'll work on it.

Wes Bos's profile picture
Wes Bos1 year ago

Please do! Love uniqlo, I'm wearing jeans an a shirt RN. love the stores, but the website UX needs a bit of work

QuackSnippets 🦆✂️'s profile picture
QuackSnippets 🦆✂️1 year ago

Every developer: "scrolljacking is bad" Every developer working on a brand landing page: "but what if we did it just this once...?"

Wes Bos's profile picture
Wes Bos1 year ago

@Brandon10270824 Developers hate carousels too, but the reality is that people buying stuff, and the marketing department that is fighting for landing page space love them

⚇'s profile picture
1 year ago

"awful experience" you say, but why would a customer, who is browsing a landing page for new items, want to speed through the page like in your rework? Uniqlo's anchors to the next section on purpose and it would meet the users expectations

Wes Bos's profile picture
Wes Bos1 year ago

Its not that I want to speed through them, but I want to be able to scroll natively and not be restricted. Try it yourself - very frustrating: Also, I am a uniqlo customer - I was shopping for a shirt while wearing their jeans + sweater and it frustrated me - I'm not just a grumpy dev looking for a reason to make a video

whatnicktweets's profile picture
whatnicktweets1 year ago

Can watch these all day. Moar papa

Wes Bos's profile picture
Wes Bos1 year ago

over 200 short vids posted here, but easier to find them all on my tiktok or instagram

Rohil's profile picture
Rohil1 year ago

Can we get rid of carousel packages (swiper, slick etc...) and just use this to build an image carousel?

Wes Bos's profile picture
Wes Bos1 year ago

yep! And one of the huge benefits here is that touch is built into scrolling.

Related Videos