I am trying to create a navigation interation to show/hide when scrolling up on the page. The initial navbar on the page has a transparent background and the reveal navbar will need to have a white background.
The interaction is working but when the page loads the white navbar flashes for a second and I can’t figure out why.
Read only link: Webflow - Alpha Financial Advisors
Here is my public share link: LINK
(how to access public share link)
Hi there,
To prevent the white navbar flash during page load, you can try these common solutions:
The flash typically occurs when the page loads before your scroll interactions are initialized. You can resolve this by setting your navbar’s initial state in the page settings or custom code. Add a class to your navbar with the desired starting styles (like background color and opacity) and then modify these properties with your scroll interaction.
For a smoother load experience, you can also add a short fade-in animation to your navbar using the Interactions panel. This helps mask any potential flash while the page elements are loading.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.