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

What is Framer? Join the Community
Return to index
Claudio Silva
Posted Jul 06 - Read on Facebook

Hello good community, hopefully someone can help me with this.
I have an image on the background and a pageComponent with 3 semi-transparent pages on top. I want to be able to while swiping from page 1 to page to change the opacity of the image from 1 to 0.
I can do this with a ScrollComponent but I can't seem to find the solution with pages. Any help with this?

6 Comments

Jonas Treub

Can you share you prototype?

Claudio Silva
Jonas Treub

The event listener is put on the wrong layer. You can always use print to see if anything happens.

page.on Events.Move, (offset) ->
[tab]print offset.x

replace [tab] with a real one

Claudio Silva

I tried with the page instead of layerA before, but still not working :/

Jonas Treub

What is not working? Do you see the data coming in?

Claudio Silva

it works now, I should be using Utils.modulate(page.scrollX, instead of Utils.modulate(Math.abs(page.x). thanks for your help Jonas ;)

Read the entire post on Facebook