Cara Membuat Animasi jQuery Scroll

01/11/2015    Ekky Ridyanto    2551     Website

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
 

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More