I have a one-page website with different sections. When I tie my nav links to the sections (i.e. About Us link to the About Us section), the smooth scroll goes beyond those sections. For example, if I click my About Us link, the page scrolls and stops just past the About Us section. I tried the suggestions on this post, Getting Webflow's smooth scroll script to align correctly with fixed headers/navigation - Webflow Tips - Forum | Webflow, but it didn’t help. Now, if I do this in the preview screen it’s fine, but if I go to the published site, it has this problem. Here is my share link: Webflow - Stylus Web Designs
Here are some pics. The first two are from the preview mode where the scroll works and the correct nav link stays highlighted blue.
Notice how the nav bar is covering part of the About Us heading, and the Services nav link is highlighted blue instead of the About Us nav link.
Like I said, I read the other posts, but nothing changes it. It just started doing this without me changing anything to the nav bar. This has happened with some of my other sites too, and I don’t know what caused it. I am using Chrome 49.0.2623.112.
The scrolling is working correctly for me. I would suggest that you may be loading/viewing a version that was published without whichever “fix” actually fixed the problem. Try another browser or clear your cache.
For the nav bar, you’ve got a few problems to fix.
Your nav menu element has a left margin of -485px. Make it 0.
Your nav menu is floated right. Change it to no float, absolute positioning, and choose Right (directly below the absolute positioning selection).
Your Nav Link elements all have manual positioning putting them 78px from the left. Make that 0. (You will have to select the Home button, as it is also “current” and then one of the other Nav Link elements.)
Awesome! All of that worked! I am still somewhat new to Webflow, so I still don’t understand how each of tools works exactly. Out of curiosity, how often do you have to clear your cache to see how the website actually looks?
I wish I knew. That’s too technical a subject for me. I just know it works if/when I come up against a situation where the changes I make in code don’t show up on the screen.
