Jump Link/Hash Tag Link dengan Jarak
Tabel Konten
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;
}
3 Komentar
Kang Kapuk
Gak nyambung ane....maksudnya gimana ya Bang...?
Taufik Nurrohman
Hehe. Coba buka situs Wikipedia, lalu cari 'Jump Link' atau 'Hash Link'
Unknown
nah yg gini yang saya cari... kalo bisa mah lebih detail lagi cara caranya kang, karena english saya untuk di http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D masih error :D