Fixed navbar shows up on top of website on its own

[Sherbaz (Sherbaz Khan)]

Hey Webflow,

I’ve just started playing around with Webflow and I’m really loving it. Although I recently encountered a bug which is really getting in the way of my progress with a website.

I created that Fixed Nav that shows up when you scroll into a certain element, and hides when you scroll out of that element. Here’s your tutorial which I followed (Nav Appear As You Scroll): https://www.youtube.com/watch?v=owIzumwefGc

Everything works fine and dandy but as soon as I scroll back to the top of the website, the fixed nav shows up again. I tried a lot of different things to fix this, but I think it’s definitely a bug. Please shed some light on this and let me know if you need more information.

Here’s the link to this website:
resourcelinked.webflow.io

Here are some snapshots of the problem:

This is what it should look like when on top of the website; the fixed nav is hidden:

This is where the fixed nav should appear; when the section after the slider scrolls into view:

Here’s the problem, after coming back to the top of the website again, I see the fixed nav popping into view again with no explainable reason. As you can see it sits on top of the previous navbar:

[Daniel_Schultheiss]

Link, public share link? Anything?

[AlexManyeki]

@Sherbaz Using a simple script to add a certain class on scroll has been found to be a more efficient way to achieve this. See the below topic;

How to make smooth scroll align a fixed navbar with named sections

Wouldn't be easier for you to simply leave the default Webflow Navigation Widget and make a code like this: Wrap this code with <script>...</script> tags and put it into the before </body> part in Custom Code. $(window).scroll(function() { if($(window).scrollTop() > $('.herosection').height()) { $('.fixednavbar').animate({ 'background-image' : 'url(http://uploads.webflow.com/531e28893358bfec6d000162/533a447ab574f1bd5c00013c_BlueNoise6.png)' }); } }); OR $(window).scroll(…

[Sherbaz (Sherbaz Khan)]

Sorry I forgot to add that. Added it now.

[Daniel_Schultheiss]

Also have a read-only-link?

Share a project's read-only link | Webflow University

[Sherbaz (Sherbaz Khan)]

Hey that’s cool Alex! I’ll use that for now. But my main intention for sharing this bug is so the guys at Webflow fix it. It’s always very convenient to have functionality that’s supposed to be native, work native-ly and without the use of external scripts.

I hope they fix this bug, I’ve shared the link of my website too now. Is there a better way of reporting bugs?

[Sherbaz (Sherbaz Khan)]

Yes here it is. Thanks I’ll remember to share it as a read-only link next time. Have a look and please inform me if I’m doing something wrong.

https://preview.webflow.com/preview/resourcelinked?preview=589043b76a0d621f8efd9fceeecfd206

[Daniel_Schultheiss]

@Sherbaz
Yeah, as I thought, you have your interaction on TWO elements.

Check your “H2” Element within > Content-Container -> Section -> Site Wide -> and remove the interaction.

Then it should be fine. Its not a bug :D.

Regards
Daniel

[Sherbaz (Sherbaz Khan)]

Woops! I must have put it in there accidentally. Thanks so much for going in there and spotting the problem!

I think I would have spotted this problem if they would allow me to see a list of all elements on which this interaction was applied. This is a feature request I guess. Is there a way to do this already?

[Daniel_Schultheiss]

Nope but it was already posted on the “Wish Forum” as well.

Would be so handy!