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;
}
3 Comments:
Gak nyambung ane....maksudnya gimana ya Bang...?
Hehe. Coba buka situs Wikipedia, lalu cari 'Jump Link' atau 'Hash Link'
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
Post a Comment
<< Home