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

What is Framer? Join the Community
Return to index
Paul Rich
Posted May 26 - Read on Facebook

Hey guys,
I have few overlapping cards parented to ScrollComponent. My goal is when the card reached the top of the screen it stops. The same with other cards each of them should scrolls and stops on the top of the screen.

What do you suggest?

3 Comments

Jordan Robert Dobson

I would consider making the scroll component a proxy actually and have its content filled with invisible content. Then track the y position (via scroll events) of the scrolled invisible content to tell your cards where they should be positioned.

JL Flores Mena

That kind of sounds like the same behavior for sticky headers. I created a module that may help you: https://github.com/72/StickyHeaders-for-Framer
You could try to treat your cards as StickyHeaders. The module works for Layers, and you can add anything you want to that Layer. I'm thinking that you may try to wrap your card on an outermost Layer named "StickyHeader" and it will do what you need.

Paul Rich

I want to reach this effect on 2:06 https://youtu.be/k8j1Xy2Set4?t=126

Read the entire post on Facebook