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.