Cara Membuat Animasi jQuery Scroll

Framework jQuery memang tidak usah diragukan lagi performanya. Salah satunya yang kita akan bahas adalah jQuery Scroll. Penggunaan jQuery Scroll benar-benar membantu untuk kembali ke posisi atas. Setelah diklik maka otomatis akan kembali ke header halaman seketika. Tidak hanya scroll biasa, Kita juga dapat memadunya dengan animasi sehingga menjadi lebih menarik. Dalam tutorial ini saya akan menunjukkan bagaimana cara membuat scroll top dengan metode jQuery. Dalam menerapkan scroll top kita harus membuat sebuah konten yang panjang pada halaman website. Pertama kita akan membuat tombol sebagai berikut

dan ketikkan script jQuerynya kita menggunakan metode animate fungsi bawaan jQuery contohnya sebagai berikut

dan kita juga bisa menentukan kecepatannya.
Keterangan :
$("#movetop") itu merupakan id dari sebuah objek sebut saja <body>. Saat fungsi ini dipanggil secara otomatis scroll akan langsung tertuju pada posisi <body> tersebut. Elemen <body> adalah sebagai target ketika mengklik tombol halaman seperti bergerak ke atas.
Semoga Bermanfaat
 

1 November 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat