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

What is Framer? Join the Community
Return to index
Will Anderson
Posted Jan 30 - Read on Facebook

Hi there—been trying to replicate a web scrolling effect, and haven't been able to figure out a solve.

Here is an example of the effect (http://www.loisbarnyc.com/)—the right image container sticks on scroll, but subsequent images overlap each other as you scroll down.

Here is the prototype (https://framer.cloud/LCAGA/). Any suggestions or theories on how to approach this would be greatly appreciated!

2 Comments

Sam Olaogun

I've worked with parallax many times in Framer and I can tell you that there are many weird and confusing methods that involve modulation and masks, but the simplest and most obvious thing to do would be to emulate their logic (Lois). They used the background-attachment property and set it to 'fixed', which forces the background to stay in a fixed position. I would recommend that you do the same.

Sebastien Thomas

Create a layer containing the frame and put all the content you want scrolling into another layer, place below. Then, apply Scroll Component to that content layer.

Read the entire post on Facebook