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 simpel yang ini, meskipun efeknya tidak begitu manis bila 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; }