Unfortunately, it is impossible to recreate exact same behavior with only Webflow interactions.
There are several jQuery plugins which can do this. One of them been found by @jbleroux, you can find it here: Hide your header on scroll - Headroom.js
I haven’t been able to get headroom to workcompletely within webflow not externally hosting. If you do please let me know. I think it’s a great script in theory. Have you done any tinkering with it @sabanna
Hi @dapitts08, actually, I think something similar to this can be done without code in Webflow.
My suggestion would be to create a transparent fixed div that is displayed after first section scroll, and then put a hover interaction on a separate nested div, that changes opacity on hover. Play around with it
I tinkered around a little bit, I think this may be getting closer to that effect. Here is the link to the example site that can be opened in Webflow: https://webflow.com/website/invisible-fixed-nav