Skip to main content
Question

How do I make a frame come up from behind another frame when using the "move in" animation in a prototype?

  • September 18, 2023
  • 1 reply
  • 765 views
Ondrej_Jaros1

Hey guys.

I have a problem with my prototype. I am trying to make a secondary left menu that moves in from behind a primary left menu. Is it possible to make it move in from behind another element (and ideally, also to start moving in from behind that element rather than from the left border of the screen)?

See the 5-second video - you’ll understand the problem.

https://clipchamp.com/watch/vifTLvUMM8t

Thanks a lot!

1 reply

Fernando_Lins

Unfortunately you cannot set the z-index for the overlays, they will always be on top of each other in the same order they get called. There are some workarounds you could try:

  • Create a component that contains the secondary menu animation and place it behind the primary menu, and then you can call its animation with Change To from the primary menu
  • Try making the primary menu fixed on scroll and see if that overrides the behaviour

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings