Skip to main content
Website Mini

follow us

Cara mudah Membuat ScrollTo Pada Sticky Header Untuk Blog AMP HTML

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