Skip to main content

Membuat ScrollTo Pada Sticky Header Untuk Blog AMP

Membuat ScrollTo Pada Sticky Header Untuk Blog AMP - Pada waktu yang lalu, Saya sudah posting tentang 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 bisa membuat efek scrollTo pada sticky header.

Untuk cara pemasangan-nya pun cukup mudah, kita hanya menambahkan on='tap:totop.scrollTo' pada div sticky header (ganti kode totop dengan id paling atas di blog kita) seperti pada kode di bawah ini.


<div class='sticky_header' on='tap:totop.scrollTo'>

Tetapi untuk menambahkan action pada tag div (bukan button), harus ditambahakan kode role='button' dan tabindex='0' jika tidak maka akan error pada AMP. Sehingga menjadi seperti di bawah ini.


<div class='sticky_header' on='tap:totop.scrollTo' role='button' tabindex='0'>

Nah, cukup mudah bukan?

You Might Also Like:

Buka Komentar