I want to set up a simple fixed side nav for in-page sections, and am having trouble with the Current state highlight. If you play with this: https://navtester.webflow.io/ you can see that after jumping back and forth in the nav a couple of times, the Current state in the nav isn’t reflecting the clicked section.
Here’s a screencast: https://d.pr/v/bNsSCB
Here is my site Read-Only: https://preview.webflow.com/preview/navtester?utm_source=navtester&preview=2d5bd24aed7fa30b85fc3dad50e5fac6
The behavior is very dependent on the height of the window; the taller the browser window the easier to trigger and more extreme the effect.
I’ve played with aspects like the height of sections (Auto vs 100%); sticky vs. non-sticky top nav; height of Body, etc., and this issue seems to persist uneffected.
I was surprised that I couldn’t find a tutorial or simple recipe for sticky side navs for page content like this; If there is one and it’s marked up completely differently from my test page, I’d be happy to start fresh from that!
Thanks for any help you can offer!