Hey man,
Here is a simple way you could fade out the menu when the user scrolls down, and then fade it back in when they scroll back up. You would need to tweak the settings, and add a close button into your menu and then also into the chain. You could also use this process to change the display settings (Hide/Show) if you want to just hide the element when its scrolled down etc
-
Add a page trigger on scroll
-
When the page is scrolled down, we want the object to move away, or change visability, or fade opacity, the choice is up too you. Here’s the settings of a simple move away. (20% offset used)
-
Change your scroll up animation to bring it back in so change these settings back to as follows.
Hopefully that can get you started.