Scroll tidak hanya bisa muncul ketika halaman website melebihi tinggi dari monitor saja, namun scroll bisa juga digunakan dalam sebuah tag div meskipun tingginya tidak melebihi lebar monitor.
Hal ini bisa berguna untuk menghemat space atau ruang kosong pada website, biasanya ini banyak digunakan untuk aplikasi chat, tabel laporan, dll.
Berikut ini cara membuat div agar memiliki scroll dengan html dan css
Langkah Pertama: Buat sebuah tag div dengan nama class scroll, terlebih dahulu dengan HTML.
Langkah Kedua: Kemudian pada css nya Anda bisa tambahkan seperti berikut ini
script yang paling berpengaruh disana adalah pada overflow: scroll, dan height: 300px;
karena hal tersebut yang bisa membuat div yang tadinya tinggi menjadi ada scroll karena tingginya hanya dibuat 300px, walaupun nanti isi div hanya sedikit, space untuk scroll akan tetap terlihat.
DEMO
JS Bin on jsbin.com
Semoga berguna.
oh makasih gan materinya, banyak membantu pen quran
Mantap gan, ternyata tidak terlalu ribet gan
Izin menyimak mau di dalemi biar lebih ngerti untuk dipraktekkan gan
Kalau dimasukin ke tema bootstrap gimana gan? Atau ada solusi dr bootstrap?
masukin ke bootstrap caranya sama saja
Sangaaaaarrrrrr!!!!! membantu sekali. :)
Berguna banget gan. Thanks!
gann minta tutorial chat sderhana dunk menggunakan codeigniter
untuk warna scrool di chrome k ubah tpi ketika di akses lewat firefox jdi standar ulg, biar support all browser gimana yah min?
Biasanya untuk support Firefox menggunakan plugin tambahan seperti jscrollpane