Pada kesempatan kali ini saya akan membahas tentang membuat button scroll keatas, pada pembahasan saya sebelum bahwa saya membuat tentang scroll keatas menggunakan HTML CSS, dan dalam pembahasan artikel ini saya akan menggunakan JQuery. Tentu dalam membuat fungsi button scroll keatas pasti banyak sekali cara membuatnya, tinggal bagaimana sahabat mencari solusi yang mudah dalam menerapkan pembuatannya. Kenapa begitu, yah karena sebagai seorang development harus banyak bergaul dengan banyak percobaan serta banyak experiment dan tergantung daya kreatifitas atau imajinasi sahabat mau mengembangkan bagaimana.Okelah supaya sahabat tidak bingung bagaimana sih cara membuatnya ,yuk mari simak step by step membuat button scroll keatas dengan jquery seperti dibawah ini:

Langkah pertama tentunya siapakan file html sebagai struktur dasarnya simak code berikut:

Bisa sahabat perhatikan pada file diatas saya mengunakan 3 <p> untuk menampilkan teks paragraph, lalu button saya menggunakan Icon dari fontawesome agar lebih simple membuatnya, jadi tinggal pakai saja.

Jika sudah sekarang tambahkan style CSS untuk  mengatur tampilannya bisa dilihat dalam code dibawah ini:

Dan selanjutnya tambahkan library dan script dari JQuery bisa dilihat dibawah ini

Jadi ada event click pada tag button, maka pada saat halaman sudah discroll kebawah lalu button di klik akan menuju tampilan bagian atas pada halaman. Jika sudah benar dapat dilihat pada tampilan dibawah ini:

Membuat-Scroll-Top-Dengan Jquery

Demikian Pembahasan kali ini tentang cara membuat scroll keatas dengan JQuery. selamat mencoba dan semoga bermanfaat, sampai jumpa dengan pembahasan artikel lainnya.

terima kasih.