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

What is Framer? Join the Community
Return to index
Dallas Peters
Posted Jan 05 - Read on Facebook

Hey everyone! Looking for some help to get a prototype out the door this morning.

I have a protype with 3 layers stacked on top of each other (full height and width each).

The top layer (a scrollComponent) is draggable.enabled. But I would like to set the layer underneath it to follow the top layer when dragging to the right and then snap to a certain point. It's basically a side menu that can be drug out.

https://framer.cloud/APPvx is my WIP. You can see the animation when you click the burger menu. But I'd like to be able to drag the top layer as well.

Any help would be GREATLY appreciated! :)

14 Comments

Dallas Peters

Koen Bok any ideas? :| (sorry for the direct ping, I'm becoming more desparate, fell free to ignore tho). :)

Sona Solbrook

did you try to use the flow component?

Dallas Peters

Hmm, assumed those were for offscreen page transtions. I'm working with 3 layers on top of each other. I will read the docs for flow tho.

Isaac Weinhausen

If the main view is also going to drag horizontally, you could use a Page Component to handle the 3 views. https://share.framerjs.com/bedp09qxwk3h/

Sona Solbrook

you can position them however you want. basically the flowComponent does just what you want

Sona Solbrook

or at least makes it easier

Dallas Peters

Ok, cool. Let me have a look! Thanks.

Sona Solbrook

You can wrap your layers in a flow component

Dallas Peters

would you use `.showNext` to include them in the component I guess?

Dallas Peters

or parent content?

Sona Solbrook

show next or use the overlay...

Sona Solbrook

any luck?

Dallas Peters

No. I mean, I could try a few more things but its not doing what I was hoping would be much easier. Not totally sure yet how to load all the layers into the component at the same time yet. Gonna try a few more things now.

Dallas Peters

I basically need all of the same code from my previous project from what I can tell. So far. haha. So I'm not seeing the benefit of using the Flow. But I'll keep after it and thanks for your help Sona Solbrook

Read the entire post on Facebook