Simple Way To Use Anchor Links With A Fixed Header

Posted By Weston Ganger

Pros: This one works very simply and doesnt require any extra HTML

Cons: Doesnt work in IE7 or below, and relies on a specific type of block

Example for an h1:


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

Article Topic:Software Development - HTML / CSS

Date:April 29, 2014