Simple Way To Use Anchor Links With A Fixed Header

Posted By Weston Ganger

<p>Pros: This one works very simply and doesnt require any extra HTML</p>
<p>Cons: Doesnt work in IE7 or below, and relies on a specific type of block</p>
<p>Example for an h1:</p>

h1:before{
  display:block;
  content: " ";
  margin-top:-100px;
  height: 100px;
  visibility: hidden;
}

Article Topic:Software Development - HTML / CSS

Date:April 29, 2014