Them: “We want parallax on our website on mobile!”

Me: “Parallax does not work in a mobile web browser.”

Them: “But it does here!” Shows me an iOS app that does parallax.

Me: “That’s in an iOS app. Not a mobile web browser”.

Them: “ Oh well. I’m sure you’ll figure it out!”

😐😐😐😐😐.
Welp.

Did you forget to ask them why?
... hate this fucking fad shit.

god, I know the issue :/

Huh? Parallax doesn’t work in mobile? It sure does.

Parallax works on mobile. Been there, done that.

iOS renders it pretty neatly. Especially with the latest devices, it seems almost like a native app.

Android has some issues rendering: when you’re touching and moving your finger, it won’t update the values, but once it stops scrolling, it updates.

what kind of parallax solution are you using? CSS only, CSS & JS?

@happycrappie didn't chrome fix that in 58 or 59??

If it don’t work on mobile... it isn’t being done right.

Definitely possible.

http://javascriptkit.com/dhtmltutor...

Parralax isn’t hard to do on mobile websites though...

And I'm here just thinking wtf is parallax

Just tell them a parallax website will cost 20k and a normal one would cost 5k problem solved.

Oh and with that 20k website you will still have to download something before they can view it.

@azous pseudo 3D movement - like image layers moving at different speed when you scroll

@flag0 not sure, haven’t been using android for awhile now...

@MurmeltierS they both work!

@BambuSource cool, thanks

Just say "NO!"

Parralaxing is a pretty straight forward effect... Why wouldn't it work?

Unless I'm thinking of the wrong kind of parallax effect.

Did they mean gyroscope and compass based parallax? You can't have that in the browser. But scrolling based one works since the start

@Huuugo DeviceOrientationEvent?
Supported by Android Native Webview, Chrome Mobile, Edge Mobile, Firefox Mobile ...

https://developer.mozilla.org/en-US...

Well someone, anyone, point me in the right direction because from what I’ve seen, scroll based parallax is turned off on mobile devices.

@koolnerd890 http://javascriptkit.com/dhtmltutor...

@koolnerd890 Some JS techniques don't play nice on all devices, especially those who depend on mouse position or hover. Scroll parallax should generally work.

What should work in all modern browsers is a pure css approach
https://codepen.io/CodeXYZ/pen/...