Anchor links don't anchor sections to the top of the browser!

[switchboard]

Hi all,
On the “About” page of the site I’m designing, I have buttons at the top (“Services” and “Our Approach”) that anchor to the respective sections below. However, I can’t get them to anchor to the top of the browser; rather, when you click a button it scrolls you down the page until the respective section is just below the browser window. Straaaaange.

Any ideas?

---

Here is my public share link: https://preview.webflow.com/preview/the-write-advantage-prototype?preview=b69c322a02840b37e862171e67a4d5b0

[coolest_vlad (Vlad Radchenko)]

Can you share of what button does not work and on what page? Thanks.

[cyberdave (Dave Sloane)]

Hi @switchboard, take a peek at this post, which shows the styling need to make sure that smooth section scrolling properly aligns your sections.

Getting Webflow's smooth scroll script to align correctly with fixed headers/navigation

Hey guys, just wanted to point out one hidden feature of our smooth-scroll script - it will automatically treat the bottom of any fixed navigation as the "top" of the page. So if you have a fixed header, and scroll to a section, that section will align perfectly with the bottom of the header (instead of having the top of the section be hidden by the header). In order for this to work, the header must have position: fixed and has to meet at least one of the following criteria: A standard Nav…

I hope this helps!

[switchboard]

Thanks, @cyberdave!

Looks like the smooth-scroll was treating the bottom of my fixed-left-nav as the top of the page. For lack of a better idea, I just created a fake fixed header at the actual top of the page to override/trick the script. It’s working now.