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

Hello!

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

2 Comments

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: http://share.framerjs.com/lktzrdfpjf7a/

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