Hallo kawan-kawan, kali ini saya akan berbagi pengetahuan tentang Contoh Code Cara Membuat Scroll pada Tag DIV dengan HTML dan CSS
 
 
Sebelum membahas judul di atas , ini ada Sedikit kutipan atau Motivasi Buat kawan kawan semua..
"Pendidikan adalah senjata paling mematikan di dunia, karena itu, Anda mampu mengubah dunia"..
...
Ok Langsung saja kita bahas tentang : Cara Membuat Scroll pada Tag DIV dengan HTML dan CSS
 
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.
 
<div class="scroll">
  <p>Lorem ipsum dolor sit amet.</p>
  <p>....</p>
  <p>....</p>
</div>
 
Langkah Kedua: Kemudian pada css nya Anda bisa tambahkan seperti berikut ini :
 
.scroll{
  width: 300px;
  background: orange;
  padding: 10px;
  overflow: scroll;
  height: 300px;
  
  /*script tambahan khusus untuk IE */
  scrollbar-face-color: #CE7E00; 
  scrollbar-shadow-color: #FFFFFF; 
  scrollbar-highlight-color: #6F4709; 
  scrollbar-3dlight-color: #11111; 
  scrollbar-darkshadow-color: #6F4709; 
  scrollbar-track-color: #FFE8C1; 
  scrollbar-arrow-color: #6F4709;
}
 
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.
 
 
selamat mencoba 
" Demikianlah Artikel yang kami buat semoga bermanfaat bagi orang yang membacanya dan menambah wawasan bagi orang yang membaca artikel ini. Dan penulis mohon maaf apabila ada kesalahan dalam penulisan kata dan kalimat yang tidak jelas, mengerti, dan lugas mohon jangan dimasukan ke dalam hati.
Dan kami juga sangat mengharapkan yang membaca artikel ini akan bertambah motivasinya dan mengapai cita-cita yang di inginkan, karena saya membuat artikel ini mempunyai arti penting yang sangat mendalam.
Sekian penutup dari kami semoga berkenan di hati dan kami ucapkan terima kasih "
#SalamTechno
 
Sumber: suckittrees.com