Sticky Nav not working with in-page linking

vincent · January 21, 2019, 7:36pm

Sticky is for when your element is actually down the page and you want it to behave like a fixed item once reaching the top, or bottom, or another position specified relatively to the top or bottom.
when sticky, an element is losing some of its properties regarding the flow of elements: it’s not taken into account in the flow, until a sibling, or the boundaries of its parent, reaches it
the behavior of a section smooth scrolling up because it’s called by an anchor link is specified by Webflow for any Navbar element that is fixed. Section then stops at the bottom of the element, unless you specify that it shouldn’t or that the menu takes up the height of the page (2 options in Settings)
when you have an element that’s already at the top of the page and you want it to stay there, you should use position:fixed instead
to set anchor links in Webflow, avoid using the URL link field, use the third button, for anchors, and select your target ID in the list below.

So here, if you use Fixed instead of sticky for the Navbar, and set the anchor like explained above, you’ll get the behavior you expect.