Membuat Animate Smooth Scroll To Top Dengan Html + Jquery
Ok kali ini aku akan membagikan source code mudah perihal cara membuat button to top dengan jquery
Memang, berbicara mengenai tampilan web tidak akan ada habisnya. Sudah ada banyak teknologi yang sanggup membuat desain web dengan cepat pola nya saja menyerupai dreamweaver. Akan tetapi tampilan saja tidak cukup untuk sebuah website, unsur UI pada sebuah website juga harus diperhatikan, pertanyaan sederhananya menyerupai Apakah website yang kau buat mempermudah pengguna atau malah mempersulit pengguna ? . Pada postingan kali ini aku akan memperlihatkan pola unsur UI yang cukup banyak dipakai oleh pengembang website
Back To Top, sebuah unsur UI yang akan mempermudah pengguna website untuk kembali keatas. Apalagi jikalau website anda sangat panjang kebawah dan si pengguna mengscroll terus akses hingga keatas, hal tersebut kurang efektif bukan ?
LANGKAH LANGKAH
- Buat file HTML terlebih dahulu tuliskan script nya menyerupai ini
- Lalu tambahkan Script js nya di bawah tag epilog </body> atau tag epilog </head>
Maksud dari isyarat diatas ialah dimana jikalau button dengan id #MyToTop diklik maka website akan mengscroll ke html atau body dengan animasi yang smooth atau slow
Kode lengkapnya menyerupai ini
Ok sekian belahan isyarat sederhana dari ngoding pak, jikalau ada kesalahan dalam isyarat atau error dalam isyarat diatas boleh bertanya di kolom komentar ada japri langsung. Terimakasih atas kunjungannya