I have created a navbar which changes to another navbar on scroll. When on the hero section it shows the first navbar and when scroll out of hero section the other navbar appears. This works fine when first arriving on a page as it’s the top of the page.
The issue is that, if somebody refreshes the page while outside of the hero section, the first nav bar appears. I wish for the second one should show just as it was before page was refreshed. Currently the user must scroll back up to the top to get the interactions working correctly.
Here is my public share link: https://preview.webflow.com/preview/autovation3?preview=3cbab4d51b8a24e3a6ad940f47ebab9f
Would anyone know of a solution or workaround for this?
Even if each page could always refresh at the top, it would be ok.