AMP Blogger HTML5 Trik Tutorial

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?

Diposkan oleh: Warim Pada:

Berlangganan Lewat Email

Kirim alamat email Anda untuk mendapatkan notifikasi artikel terbaru dari blog Website Mini secara GRATIS langsung di kotak masuk Anda.