Membuat Tombol Back to Top
Kali ini admin akan berbagi cara membuat Tombol Back top Top
ada 2 versi yang akan kita buat nanti, satu versi biasa dan yang lain sedikit sulit karena harus menyisipkan kode lain.
Kita mulai dari yang mudah terlebih dahulu
Cara paling mudah dalam membuat tombol back to top adalah dengan memberikan "#top" sebagai value dari atribut href di tag <a>
Jadi, hanya dengan <a href="#top">Back to top</a>, tombol back to top dapat dibuat dengan mudah
Cara yang sedikit lebih susah menggunakan jquery:
Pertama, ketik kode ini dulu (jangan lupa include jquery dulu ya):
.
ada 2 versi yang akan kita buat nanti, satu versi biasa dan yang lain sedikit sulit karena harus menyisipkan kode lain.
Kita mulai dari yang mudah terlebih dahulu
Cara paling mudah dalam membuat tombol back to top adalah dengan memberikan "#top" sebagai value dari atribut href di tag <a>
Jadi, hanya dengan <a href="#top">Back to top</a>, tombol back to top dapat dibuat dengan mudah
Cara yang sedikit lebih susah menggunakan jquery:
Pertama, ketik kode ini dulu (jangan lupa include jquery dulu ya):
function atas() {Setelah itu, cukup dengan Back to top, tombol back to top ala jQuery ini bisa dibuat, keunggulan dari back to top ala jQuery adalah ada animasinya sehingga lebih mantap :D
$('html, body').animate({
scrollTop: 0
}, 1500);
}
0 comments:
Post a Comment