Membuat ScrollTo Pada Sticky Header Untuk Blog AMP - Pada waktu yang lalu, Saya sudah posting wacana Shortcode AMP Untuk Mempermudah Membuat Beberapa Elemen. Untuk kesempatan kali ini Saya akan coba posting Membuat ScrollTo Pada Sticky Header Untuk Blog AMP.Nah, dengan shortcode tersebut maka kita dapat menciptakan efek scrollTo pada sticky header.
Untuk cara pemasangan-nya pun cukup mudah, kita hanya menambahkan
on='tap:totop.scrollTo' pada div sticky header (ganti isyarat totop dengan id paling atas di blog kita) menyerupai pada isyarat di bawah ini. <div class='sticky_header' on='tap:totop.scrollTo'>
Tetapi untuk menambahkan action pada tag
div (bukan button), harus ditambahakan isyarat role='button' dan tabindex='0' jikalau tidak maka akan error pada AMP. Sehingga menjadi menyerupai di bawah ini. <div class='sticky_header' on='tap:totop.scrollTo' role='button' tabindex='0'>
Nah, cukup gampang bukan?
Share this Article