3 ms·
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/ https://favs.eu.org/parallax/ Edit: if
by sourcecodeplz 4mo ago
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/ https://favs.eu.org/parallax/
Edit: if the body has class="no-sda", it uses a js fallback.
- jonahx 4mo agoThis doesn't do anything, just scrolls like a normal page. Mac on latest chrome.
- danyim 4mo agoSame observation here, but Chrome on iOS
- addandsubtract 4mo agoSeems fixed now. Works in both Firefox and Chromium on macOS for me.
- jonahx 4mo agoWorking now.
- marginalia_nu 4mo agoNot for me.
- yieldcrv 4mo agoits beautiful! where can I track the compatibility? and how do I know if I'm hitting the fallback?
- sourcecodeplz 4mo agoupdated it with info on what you're using and current baselines comp (Chrome/Edge 115+, Safari 26+, and Firefox behind a flag).
- triplelasagna 4mo agoI 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?
- sourcecodeplz 4mo agonice catch! added it