Show static / fixed menu when scrolled out of view

Hello! :sparkles: I hope someone has a tip for this - what I’m trying to do:

  • Show fixed / sticky navigation at the top of the page when scrolling out of the first 100VH.

  • When loading, I show the static nav at the bottom of viewport, and when scrolling down the page, I want it to appear as if this static nav becomes the fixed nav at the top.

  • Once you scroll up again, the fixed / sticky nav should be hidden again and once again show at the bottom of viewport.

I’ve tried with some hide / show animations to do this but I can’t seem to make it work.
Any tips would be so appreciated?

Thank you! :pray:

Here’s my link:
https://preview.webflow.com/preview/knasborghus?utm_medium=preview_link&utm_source=designer&utm_content=knasborghus&preview=1a1bda40560aef43bac3f330ec2d3ba2&mode=preview