Trik Mengatasi Heading Sasaran Tertutup Sticky

Trik ini sebetulnya berkhasiat bila postingan Anda memakai table of content dan memakai header atau navigasi sticky sehingga dikala pengunjung mengklik list table content maka dikala menuju kontennya, heading konten tidak tertutup sticky.

Kalau bingung, silahkan coba eksklusif semoga lebih mengerti. Silahkan masuk halaman ini kemudian scroll dulu halamannya hingga tampak sajian sticky. Kemudian silahkan klik sub sajian pada sajian Shortcodes.

Bagaimana, sudah mengerti bukan? Nah bila kebetulan Anda mengalami duduk kasus heading sasaran tertutupi sticky, Anda dapat mencoba trik berikut ini.

Silahkan tambahkan CSS di bawah ini.

 :target::before {
    content: "";
    display: block;
    height: 70px;
    margin-top: -70px;
    visibility: hidden
 }

Silahkan sesuaikan nilai height: 70px; lebih tinggi dari tinggi sticky blog Anda. Nilai margin-top ialah minus dari height.

Bagaimana, gampang bukan?

Selamat mencoba, semoga bermanfaat.
Sumber https://www.kompiajaib.com/

Share this post