Button Scroll disini berfungsi untuk membantu pengguna website saat melakukan scroll ke halaman atas atau scroll ke halaman bawah. Dengan adanya sebuah button scroll tentu akan sangat membantu supaya tidak perlu lagi scroll keatas atau scroll kebawah lagi. Dalam kesempatan kali ini saya akan membuat button scroll keatas dengan HTML CSS. Bagaimana cara membuatnya mari simak langkah-langkah berikut ini:Langkah pertama buat terlebih dahulu file HTML seperti code dibawah:

Dalam membuat button scroll keatas saya memakai icon dari fontawesome bisa dilihat.

Langkah selanjutnya tambahkan CSS untuk mengatur tampilan htmlnya simak code berikut:

pada CSS saya menyisipkan sebuah untuk digunakan sebagai background. nah tampilan gambar yang saya pakai seperti berikut:

padar-island

Jika sahabat sudah selesai mengetikkan code style CSS coba jalankan pada browser apakah sudah seperti tampilan yang saya buat:

Membuat Scroll Top Dengan HTML CSS

Pada gambar diatas button icon fas fa-chevron-circle-upĀ atau seperti panah ke atas dibuat posisi fixed jadi saat di scroll ke atas maupun kebawah tidak bergeser. Nah silahkan sahabat scroll halaman samapai bawah lalu klik icon panah tersebut jika benar maka akan menuju ke atas.

Sekian pembahasan artikel kali ini tentang Membuat scroll keatas menggunakan HTML CSS, semoga bermanfaat dan sampai jumpa dilain kesempatan serta dengan pembahasan lainnya.

terima kasih.