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

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

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

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code