Membuat back to top sederhana dengan HTML

Rianda ID   October 24, 2014   HTML   Comment  

Back to top merupakan sebuah tombol yang jika di klik maka halaman akan bergulir ke arah paling atas, Kali ini kita akan membuatnya dalam bentuk yang sederhana.

Langkah pertama yang harus dilakukan adalah menambahkan CSS back to top. Masukan kode CSS dibawah ini:

<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>

 Lalu setelah menambahkan CSS kita tinggal memanggil ID CSS yang sudah dibuat tadi dengan memasukan kode berikut:

<div id='BounceToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDbD9Uf4BLy9MmwKT6AxseyTxBQ3PR2hGXGCLKkn_L7Krxx5rDZ_Q8od-wowzyTUSZ4W1vWXp6_PHyBDLdSWmG9MhaFXFSnd1m9lC_MM-kEW4Voh8yVM4RE23fDMux0d2mKJvT0AJCUc3R/s1600/to+top.png'/></div>

 Dan tombol back to top sudah bisa digunakan.