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

What is Framer? Join the Community
Return to index
Chris Camargo
Posted Mar 16 - Read on Facebook

Can anyone point me to an example that shows how I might affect the opacity of one layer based on the scroll position of another layer? For instance, I want to animate "layerA" from 1.0 -> 0 opacity, as "layerB.y" moves from 400 to 100, and vice versa.

2 Comments

Koen Bok

Here are some hints:

- Listen for the "scroll" event
- Use Utils.modulate to map the 400-100 -> 1-0 values

Arvi Raquel-Santos

Not sure if this is what you're looking for but Brandon put this together a little while back — https://www.facebook.com/groups/framerjs/permalink/634733873320354/

Read the entire post on Facebook