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

What is Framer? Join the Community
Return to index
Karol Piwowarczyk
Posted Dec 02 - Read on Facebook


I want to make simple example of paralax effect.
I was making this:
but after first slide, red element rapidly changing place.
What is wrong?


Ian McClure

"sketch.element.y = 0 - (scroll.scrollFrame.y * 1.5)"

You are basing your element off the scroll component's y position which is at its top. I think a better way to do the parallax would be to grab the scroll component's velocity and add that to your element's y value.

Like this:

Karol Piwowarczyk

Thank Ian McClure ! :) I have next question - how to change opacity of red element when scrolling (scroll up = change opacity from 1 to 0)? Thanks for your help!

Read the entire post on Facebook