Hacker News Reader

I've put together an example here but it doesn't seem to work in Firefox 151.0.2 (64-bit): https://favs.eu.org/parallax/

Edit: if the body has class="no-sda", it uses a js fallback.

This doesn't do anything, just scrolls like a normal page.

Mac on latest chrome.

Same observation here, but Chrome on iOS

Seems fixed now. Works in both Firefox and Chromium on macOS for me.

Working now.

Not for me.

its beautiful! where can I track the compatibility?

and how do I know if I'm hitting the fallback?

updated it with info on what you're using and current baselines comp (Chrome/Edge 115+, Safari 26+, and Firefox behind a flag).

I really like the fact that your "recipe" already includes support for prefers-reduced-motion. Parallax can really trigger motion sensitivity issues up to vomiting or several days of bed rest with severe migraine.

You did leave that part out of your recipe though. Would you mind adding it there, so that people who copy paste are more inclined to actually keep/use that part as well?

nice catch! added it

Or even linked to one!

I was also looking for examples.

i was waiting for the effect to show up