Mecha versi 2.6.4 sudah dirilis!

Jump Link/Hash Tag Link dengan Jarak

Tabel Konten
  1. Pembaharuan 
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 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

Komentar telah ditutup.