Mobile Nav: Scroll Down non visible, Scroll Up visible

Hi,
i would like to have in the mobile Version a Nav Bar like this:

  1. page load - Nave Bar is visible 100% and you can cklick.
  2. When scrolling down, the Nav Bar is moving out of view (top side), non visible.
  3. when scrolling up, the Nab Bar is jumping back and keeps visible, that you can click on it.

How can solve this?
I understand the most of the actions, do i need than “scroll in View” for this? And what are the settings.


Here is my site Read-Only: https://preview.webflow.com/preview/push2ht-new-page?utm_source=push2ht-new-page&preview=e32b0c5b0bc6d46a7b46913038154fb0

Thanks for any help

Check out this tutorial provided by Webflow - this should give you enough resource to achieve what you need :+1:t3:

Show and hide navigation bar on scroll

1 Like

top, thanks exactly what i am looking for.