This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Edoardo Guido
Posted Aug 17 - Read on Facebook

Hi guys,

Does anyone know a tutorial or project on how to work with parallax effects with pageComponent?
I couldn't find (or I've missed) something really useful on the net.

Thanks

5 Comments

Edoardo Guido

Maybe I have to study more :P I had checked this tutorial and achieved two scrolling bars that scroll in opposite directions.

My problem is that I have a for loop that generates 8 elements (8 pages + 8 titles for the pages).
I want to animate the scrolling animation of the tags in order to achieve a parallax effect, but how do I affect the scrolling effect for each tag?

Jonas Treub

Quick example. It responds to the move event of the page component and uses the offset to position the title. For more control of the parallax effect I can recommend learning all about the modulate function. http://share.framerjs.com/g02foyjj71dp/

Edoardo Guido

Thanks for dedicating me time! Appreciate that a lot

Chris Camargo

Here's a little something I whipped up a while ago: http://share.framerjs.com/ws7bb0ewmvdx/

Read the entire post on Facebook