3 ms·
That sounds interesting but it would be a whole lot more interesting if the page was itself an example of said effect!
by baliex 4mo ago
That sounds interesting but it would be a whole lot more interesting if the page was itself an example of said effect!
- dsmurrell 4mo agoI was also looking for examples.
- yashD18 4mo agoi was waiting for the effect to show up
- jonahx 4mo agoOr even linked to one!
- sourcecodeplz 4mo agoI'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