logoalt Hacker News

chrismorganyesterday at 6:34 PM8 repliesview on HN

Please never use scroll-snap as is done on this demo page (unrelated to the soft-body physics). It leads to an awful experience for a large fraction of users. It improves things in one or two scenarios, but at the cost of far more common great frustration.

Scroll-snap is a really risky feature, very niche in its reasonable applications. This is definitely not a suitable place to use it.


Replies

timcobbyesterday at 7:38 PM

> It leads to an awful experience for a large fraction of users.

can you give an example of why/how? I thought it was well done and enjoyable. Regular fast scroll was still as expected, and then the slower interactions felt like slide changes.

show 12 replies
MrZanderyesterday at 6:47 PM

Agreed. I almost exclusively use the "middle click" autoscroll feature to scroll on websites. It is completely broken on this site because of the scroll-snap.

codegeekyesterday at 8:59 PM

The moment I see scroll-jacking on a website, I bounce. I don't even think twice.

nightpoolyesterday at 9:40 PM

The scrolling behavior on this site worked great for me—it let each example stand on its own and meant I wasn't spending a lot of effort trying to figure out when a given example would end and the next example would begin.

It doesn't look like there's anything custom going on here either, it's all just standard scroll-snap-* CSS properties. if you have an issue with the way your browser is handling the scroll-snap CSS properties, I recommend you take that up with your browser? After all, you should be using a user agent that works for you, not against you.

nrightnouryesterday at 8:05 PM

I liked it. I'm curious how it affected you negatively?

show 1 reply
baldvinmaryesterday at 11:17 PM

People have spoken, so I removed the scroll snapping.

jquipyesterday at 9:50 PM

insightful, thank you