It looks smooth and the scroll always stops at the beginning of a card, but there are many bad examples on the Internet when the scroll stops in rando

👨🏻‍💻 Paul Codes

submited by
Style Pass
2021-07-07 14:00:08

It looks smooth and the scroll always stops at the beginning of a card, but there are many bad examples on the Internet when the scroll stops in random positions. I'll not provide links to these sites, but I've created a demo for you, please see it on your phone:

Try to enable and disable CSS Scroll Snap behaviour by toggling the checkbox on top of the page and see a difference when scrolling. The difference is enormous. When CSS scroll snap is enabled, the scroll behaviour is more smooth and looks like a native app.

Leave a Comment