that’s something totaly different from parallax we know. You have that smile positioned by the mouse cursor position over that section. That might now work on mobile devices since, well… there is no cursor… I’d try to disable script and show static smile if the window width is lower than X if($(window).width >= X) { // allow script; }
Any idea why the eye elements display just fine on mobile and move around with screen tilt but the smile just disappears? I could maybe just make a different mobile version where the smile is statically sits relative to the eyes. Any idea? Thank you so much!!!
Hi @MinewireNetwork, it looks like you have some script errors on your published page, which indicate that the parallax is executing before jQuery has been loaded.
In order to get this to work, the script below would need to be put in the Footer in the custom code panel in site settings:
I would like to have those png pictures have parallax. I followed the instruction for custom code, gave the section a class and id of scene, gave data-depth to the pictures… nothing at all.
I feel i’m missing something basic, can someone have a quick look and help me out ?
I appreciate the work that’s gone into the topic, but am I wrong in saying that all of these examples are parallax based on mouse position? Can this easily be applied to scroll? I understand how to apply parallax movement to background images, but I’ve been searching and searching for a way to apply this to individual elements (other than http://css-parallax.webflow.io/, which is incredibly difficult to manipulate even according to the developer)
So… I’m hoping someone can help me figure out a way to so something like this http://melanie-f.com/en/ (warning: there’s sound) until Webflow releases this update.