Jump Link/Hash Tag Link dengan Jarak

h2[id]:before {
  display:block;
  content:"";
  height:50px;
  margin:-50px 0 0;
  visibility:hidden;
}

Referensi: Nicolas Gallagher - Jump Links and Viewport Positioning

Pembaharuan 

Ternyata lebih efektif dan praktis yang ini, meskipun efeknya tidak begitu bagus jika Anda menambahkan warna latar pada setiap elemen heading:

/* Jarak atas diatur menjadi 30 piksel terhadap batas atas layar */
h1,h2,h3,h4,h5,h6 {
  padding-top:30px;
  margin-top:-30px;
}