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?
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.
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.
I want to reach this effect on 2:06 https://youtu.be/k8j1Xy2Set4?t=126