If I wrap a superLayer in a scrollComponent, am I able to define separate scroll speeds for different layers within the superLayer? An example of this would be trying to achieve a parallax effect when scrolling vertically.
You can absolutely get the desired effect by referring to whichever element is actually doing the scrolling, and using that as a variable in a Events.Scroll function to reposition any element. Sorry I can't post an example, but many people have used Utils.modulate to achieve this effect successfully!
Thanks for the reply Rich! I will keep an eye out for any examples.. And I'll have a go at doing it over the weekend
I've also seen people do something similar with using the z axis, preserve 3d and perspective to do parallax in CSS only.
Ooo dimensional parallax sounds fun
Yep. You basically just simulate a camera by declaring all the positions and let the code do the work for you. I'll try and dig up the codepen example when I get back home.
Here's the post... you could easily apply the same ideas to framer: http://keithclark.co.uk/articles/pure-css-parallax-websites/
Also check out the debug option on this one: http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/