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

Recommended Posts

Contact

604-309-8713
info@solidfoundationwebdev.com

Send Me A Message

I would love to get in touch and talk about your next project. Feel free to send a message and I will get back to you shortly.

Get Connected