Html css

Simple Way To Use Anchor Links With A Fixed Header

Posted by Weston Ganger on April 30, 2014

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;
}

Posted in HTML / CSS and Tagged with css 


Need help on your next project or application?

I specialize in Ruby-on-Rails, AngularJS, Javascript, Bootstrap, and Hybrid Mobile Apps with Cordova & Ionic.

Contact Me

Recommended Posts