Fixed Headers, On-Page Links, and Overlapping Content, Oh My!
Fixed Headers, On-Page Links, and Overlapping Content, Oh My!

Share this: Let’s take a basic on-page link: <a href="#section-two">Section Two</a> When clicked, the browser will scroll itself to the element with that ID: <section id="section-two"></section>. A browser feature as old as browsers themselves, just about. But as soon as position: fixed; came into play, it became a bit of an issue. The browser will... » read more