Scroll Box Code

alaman nya berisi kode kotak scroll. Jangan ragu untuk copy dan paste kode kotak scroll ke situs web Anda sendiri, blog, halaman MySpace, atau dokumen HTML lainnya. Dan merasa bebas untuk memodifikasi kode yang Anda inginkan.

Halaman ini menunjukkan beberapa cara yang dapat Anda mengkonfigurasi kotak scroll Anda. Kode kotak gulir Anda gunakan akan tergantung pada bagaimana Anda ingin kotak scroll untuk melihat dan berperilaku. Umumnya, untuk tugas yang paling umum, kode kotak scroll tidak berubah banyak.

Contoh berikut menunjukkan apa yang gulir HTML Kode kotak dasar tidak. Di sini, kita menempatkan teks ke dalam tag div. Tapi, kita memilih untuk mengubah div ke dalam kotak gulir. Kami melakukan ini dengan menggunakan overflow: scroll.

Angkatan Scroll Bar

Here's a demonstration of how to make a scroll box. This scroll box contains scroll bars (or at least scroll tracks) even when the content is smaller than the scroll box.

KODE

<div style="border:1px solid black;width:300px;height:150px;overflow:scroll;">
<p>Here's a demonstration of how to make a scroll box. This scroll box contains scroll bars (or at least scroll tracks) even when the content is smaller than the scroll box.</p>
</div>

Auto Scroll Bars

Not much text = no scroll bars.

KODE

<div style="border:1px solid black;width:150px;height:150px;overflow:auto;">
<p>Not much text = no scroll bars.</p>
</div>

This scroll box grows scroll bars when the content is larger than the scroll box.
This uses the same scroll box code that the above example uses. The only difference is that this scroll box contains more text.

KODE

<div style="border:1px solid black;width:150px;height:150px;overflow:auto;">
<p>This scroll box grows scroll bars when the content is larger than the scroll box.</p>
<p>This uses the same scroll box code that the above example uses. The only difference is that this  scroll box contains more text.</p>
</div>