Wednesday, August 7, 2013

Membuat scroll bar sederhana [HTML]



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

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

Contoh:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100px; 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:
100px; height:80px;

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.

2 komentar

kalau horizontal gimana gan ?

kurang tau gan,,,,
tapi jarang di pake juga sih kalau scroll ke samping, kebanyakan vertikal


EmoticonEmoticon