Setelah sebelumnya saya membahas mengenai cara membuat link back to top dengan HTML maka kali ini saya akan mencoba membahas mengenai cara membuat Tombol back to top/ link back to top dengan menggunakan Javascript.
Fungsi yang dimiliki oleh kedua cara ini sebenarnya sama saja namun ada beberapa keuntungan yang dapat diperoleh dengan menggunakan Javascript. diantaranya adalah dengan menggunakan javascript proses Scrolling halaman kecepatannya bisa dicustom tidak seperti di menggunakan HTML biasa yang scroll nya terlalu cepat.
Berikut ini adalah cara yang bisa dilakukan untuk membuat scolling halaman.
1. Buat sebuah tag div seperti di pembahasan sebelumnya dan beri id sesuai dengan keinginan misalnya seperti ini.
2. selanjutnya buat sebuah file berextensi .js misalnya namanya scroll.js dan tambahkan kode seperti di bawah ini.
Setelah itu panggil file scroll.js diatas ke dalam file html. maka saat tombol Back to Top di klik secara otomatis halaman akan di Scroll ke bagian atas halaman dengan interval yang tidak terlalu cepat.
sekian dulu artikel kali ini semoga bermanfaat. terimakasih.
Blog mengenai pemrogramman php, cms wordpress, msql database, html layout, css style dan semua informasi di dunia komputer.
22 June 2014
Membuat tombol back to top di Blogspot dengan javascript
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment