Scroll Interation Issues on Page Refresh

Hi all,

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:

Would anyone know of a solution or workaround for this?

Even if each page could always refresh at the top, it would be ok.



Please ignore / delete. I figured it out. Thanks

Hi @Niall_Mc_Dermott

Glad to hear that you were able to figure out a solution. It would be nice if you can share your solution here so others can benefit from it as well.

Thanks in advance,

i am also looking for a solution.

from looking at your site i still see this problem.

webflow staff. any ideas?


Initially I had the interactions on elements within the hero section. The problem with this is that you need to be in the hero section for interactions to take effect. So if you reload the page while scrolled down the bottom, the interactions are still at init until scrolled to the top.

The solution was to put everything but the hero section in to one div block. The interactions were triggered by scroll. I hope this makes sense.

This is the latest version:



1 Like

can you share a read only link please so i can see how you did it?

It may be confusing.

Have a look at this one instead:

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.