How to modify this navbar to hide on scroll down only after 100px?

Question

I currently have a navbar that on scroll down disappears and on scroll up reappears again (and is always visible when at the top of the page).

This works fine on desktop