Memasang Fungsi Scroll Dengan Menambah Kode Html

Untuk memasang fungsi Scroll, Anda cukup menambahkan sedikit kode html pada isi halaman Anda.

Kode yang perlu tambah:



<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

isi halaman

</div>




Contoh:

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

</div>

Hasilnya:


Keterangan :


  • overflow:auto; » kode ini dapat membuat scrolling jika isi halaman tersebut melampaui batas.

  • width:300px; »kode ini merupakan lebar bidang yang di inginkan, angka 300 menunjukan besar ukuran lebar 300 pixel, angka tersebut bisa Anda rubah sesuai dengan keinginan Anda.

  • height:200px; » kode ini merupakan tinggi bidang yang di inginkan, tinggi tersebut bisa Anda sesuaikan dengan keinginan Anda dengan merubah anka tersebut.

  • padding:10px; » kode ini merupakan pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, Anda bisa merubah angka tersebut sesuai dengan keinginan Anda.

  • border:1px solid #eee » kode tersebut agar bidang terlihat seperti kotak, jika Anda tidak menginginkan ada terlihat seperti kotak, Anda bisa menghapusnya.

Good luck

0 komentar:

Post a Comment