Streaming live at 10am (PST)

Interactions: Move into View "jumps" - why?

Hi there,

I’m working on a website where I have a button for an Overlay in the Menu.
When clicked, the Overlay is supposed to slide down from the Top.

I solved it by setting the initial State of the Overlay to “Display: None” and “Move-y: -100%” and then the click first triggers “Display: Block” and then “move-y: 0”

For some reason though the overlay always directly appears close to 0 and only “moves” for the last couple percentages.
But I made it go back up again the same way and there it actually moves the whole way without jumping.

What Am I doing wrong?
Any tips would be greatly appreciated :slight_smile:

Here’s the Link:

https://preview.webflow.com/preview/moveintoview?utm_medium=preview_link&utm_source=dashboard&utm_content=moveintoview&preview=1dd227148fbe7417a474fbac94f1920a&mode=preview

Cheers,
N