Cara Membuat Kotak Scrollbar

Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog. Mau tau caranya?



Berikut kode untuk membuat scrollbar:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Masukkan teks atau kode anda disini</div>

Contoh:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.</div>

Hasilnya

Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.

Anda dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:80px; height:80px;.

Untuk mengubah background-color tinggal masukin kode warnanya, kode warna bisa di lihat disini

Gimana? Sangat mudahkan?

Selamat mencoba…