Comment by OrangePilled
18 hours ago
This page could use some "Practical CSS scroll snapping": https://css-tricks.com/practical-css-scroll-snapping/
18 hours ago
This page could use some "Practical CSS scroll snapping": https://css-tricks.com/practical-css-scroll-snapping/
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.
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.
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).
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