Membuat Animate Smooth Scroll To Top dengan HTML + jQuery

Ok kali ini saya akan membagikan source code praktis tentang cara membuat button to top dengan jquery

Memang, berbicara mengenai tampilan web tidak akan ada habisnya. Sudah ada banyak teknologi yang bisa membuat desain web dengan cepat contoh nya saja seperti dreamweaver. Akan tetapi tampilan saja tidak cukup untuk sebuah website, unsur UI pada sebuah website juga harus diperhatikan, pertanyaan sederhananya seperti Apakah website yang kamu buat mempermudah pengguna atau malah mempersulit pengguna ? . Pada postingan kali ini saya akan memberikan contoh unsur UI yang cukup banyak digunakan oleh pengembang website

Back To Top, sebuah unsur UI yang akan mempermudah pengguna website untuk kembali keatas. Apalagi jika website anda sangat panjang kebawah dan si pengguna mengscroll terus terusan sampai keatas, hal tersebut kurang efektif bukan ?

LANGKAH LANGKAH 

1. Buat file HTML terlebih dahulu tuliskan script nya seperti ini

Yang harus di perhatikan adalah line ke 6, disitu terdapat selector id yang memaksudkan nama dari button tersebut

1. Lalu tambahkan Script js nya di bawah tag penutup </body> atau tag penutup </head>

Maksud dari kode diatas adalah dimana jika button dengan id #MyToTop diklik maka website akan mengscroll ke html atau body dengan animasi yang smooth atau slow

Kode lengkapnya seperti ini



Ok sekian potongan kode sederhana dari ngoding pak, jika ada kesalahan dalam kode atau error dalam kode diatas boleh bertanya di kolom komentar ada japri langsung. Terimakasih atas kunjungannya