Hallo teman-teman, pada kesempatan kali ini saya akan membahas tentang cara Membuat Back To Top Button dengan jquery. yang harus kalian ketahui back to top itu sama dengan “kembali keatas”, nah jadi button to top itu ibarat jika sebuah website mempunyai content yang sangat panjang dan kita sudah menscroll nya kebawah maka kita akan sangat malas untuk button lagi ke atas, jadi dengan hanya klik button top maka akan membawa kalian langsung kebagian paling atas sebuah website tanpa harus mengscrollnya keatas.

Oke agar lebih mengerti mengenai button to top langsung saja kita praktekan.

Untuk yang pertama ketik script html dibawah ini :

Jika sudah simpan dengan nama button.html dan untuk paragraph dapat anda masukan bebas apa saja yang penting paragraph/kalimatnya panjang atau bisa anda masukan paragraph dari lipsum.com.

lalu ketik script cssnya seperti gambar dibawah ini dan letakan diantara tag head html :

Jika sudah html dan cssnya maka ketik script javascriptnya seperti pada gambar dibawah ini dan letakan didalam tag head :

Jika sudah simpan dan jalankan/run dibrowser yang kalian gunakan maka hasilnya akan seperti gambar dibawah ini :

Membuat Back To Top dengan Jquery

Ketika klik me di klik maka otomatis akan kembali ke bagian atas atau back to top.

Oke sekian pembahasan kali ini tentang cara Membuat Back To Top Button dengan Jquery  semoga bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih

WhatsApp chat