Saturday, December 19, 2015

Cara Membuat Sroll Pada Kotak dengan CSS

Cara Membuat Sroll Pada Kotak dengan CSS

Assalamu'alaikum warohmatullahi wabarokatuh. Dalam postingan kali ini saya akan membahas tentang cara membuat scroll pada kotak dengan menggunakan CSS.

Pada dasarnya kotak yang dibuat dengan HTML memiliki overflow hidden, dengan kata lain jika isi dari kotak tersebut sudah melewati batas maka scrollnya tidak akan ditampilkan, jadi untuk membuat scroll pada kotak tersebut tampil, cukup menambahkan style overflow.

Oleh karena itu, kita hanya perlu menampilkan fungsi scroll pada kotak tersebut dengan menggunakan kode CSS, tambahkan kode berikut pada style CSSnya.

.kotak {
   overflow: auto;
   height: 100px;
}

Try yourself


Preview

Mungkin cukup sekian dari saya, jika ada yang ingin sobat tanyakan, silahkan sampaikan pada kotak komentar dibawah atau melalui halaman contact blog ini. Terima kasih, assalamu'alaikum.
Disqus Comment
Parse Tool