Langkah pertama yang harus dilakukan adalah menambahkan CSS back to top. Masukan kode CSS dibawah ini:
<style type='text/css' scoped='scoped'>Lalu setelah menambahkan CSS kita tinggal memanggil ID CSS yang sudah dibuat tadi dengan memasukan kode berikut:
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back to top' src='http://4.bp.blogspot.com/-mVgfcuhLXWs/VEsRpK6ZPBI/AAAAAAAADZg/P7BVKIUFG1s/s1600/to%2Btop.png'/></div>Dan tombol back to top sudah bisa digunakan.
Terima kasih telah membaca artikel tentang Membuat back to top sederhana dengan HTML di blog Belajar-Code jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.
3 comments
nah ini baru berfungsi, rata2 pada copas Om cara bikin Kembali Ke Laptop.
BalasMakasih Om. Salam Kenal Ia http://www.beautywater.id/
mantap dah artikelnya gan
Balashttp://acemaxs31.com/obat-herbal-lemah-jantung/
http://mas-galih.com/
dicoba yah mas
Balas