Sensitive content
This media may contain sensitive content.
Loading video...
Video Failed to Load
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

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

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.

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

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

@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

"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

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

Can watch these all day. Moar papa

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

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

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




