I was amazed when I first came across CSS scroll snapping. It's great for creating immersive experiences where one part of the page fills the entire screen while native browser scrolling still works.
When done right, I oddly find it immersive too. But know some people aren't fond of scrolling being tampered with.
The post here could really use it though. The main content is pushed to the bottom of the page!
Yes, and in most cases it's perfectly valid not to interfere with scrolling. The nice thing about CSS scroll snapping is of course that the browser still handles it (instead of it being taken over by JS).
Personally, I find it to be a little disorienting. I get a bit of motion sickness with scroll snapping and I'm not exactly sure why.
The live demo doesn't work in Brave.
The demo really does not work in Brave. I use vertical scroll snapping on the landing page of one of my projects (enabled for screens with a min width of 768px and a min height of 600px - should work in Brave): https://cybernetic.dev