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!
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.
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.