Remix.run Logo
OrangePilled 13 hours ago

This page could use some "Practical CSS scroll snapping": https://css-tricks.com/practical-css-scroll-snapping/

division_by_0 13 hours ago | parent | next [-]

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.

OrangePilled 13 hours ago | parent [-]

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!

division_by_0 9 hours ago | parent [-]

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).

larnon 10 hours ago | parent | prev [-]

The live demo doesn't work in Brave.

division_by_0 10 hours ago | parent [-]

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