Fungsi dari tombol ini adalah membuat halaman yang sudah di scroll ke bawah menjadi ke atas kembali ketika tomkbol tersebut di tekan. Mungkin ada banyak plugin plugin jquery yang bisa di pasang dengan mudah tapi kali ini saya akan menjelaskan bagaimana cara Membuat Tombol Back To Top sederhana dengan CSS dan Javascript . Ayo langsung saja kita praktekan teman teman.

Pertama buka text editor kalian dan ketikan kode HTML di bawah ini dan beri nama dengan nama file index.html lalu jangan lupa kalian simpan file tersebut.

Index.html

Lalu setelah tag penutup </div> terakhir sisip kan kode javascript berikut dan jangan lupa di simpan.

Di atas ada penjelasan tentang kode javascript tersebut.

Terakhir kalian siap kan file baru dengan nama style.css guna nya untuk membuat style pada kode HTML yang kita buat tadi.

style.css

Nah apabila tidak ada kesalahan maka fungsi tombol back to top pasti berhasil.

Sekian tutorial Membuat Tombol Back To Top sederhana dengan CSS dan Javascript semoga bermanfaat.. Keep Coding :D.