cara membuat scrollbar di post blog / website

Cara membuat scrollbar di post blog/website

Scrollbar adalah teknik interaksi atau widget yang teks kontinyu, gambar, atau konten lainnya dapat digulirkan ke arah yang telah ditentukan sebelumnya (atas, bawah, kiri, atau kanan) pada display komputer, jendela, atau area pandang sehingga semua Konten dapat dilihat, meskipun hanya sebagian kecil konten yang dapat dilihat di layar perangkat pada satu waktu. Ini menawarkan solusi untuk masalah navigasi ke lokasi yang diketahui atau tidak diketahui dalam ruang informasi dua dimensi. Itu juga dikenal sebagai pegangan pada GUI pertama. Mereka hadir dalam berbagai perangkat elektronik termasuk komputer, grafik kalkulator, telepon genggam, dan pemutar media portabel. Pengguna berinteraksi dengan elemen scrollbar menggunakan beberapa metode tindakan langsung, scrollbar menerjemahkan tindakan tersebut ke dalam perintah bergulir, dan pengguna menerima umpan balik melalui pembaruan visual elemen scrollbar dan konten yang digulir.

Bagan Scrollbar :

<divstyle="overflow:auto;width:500px;height:20px;padding:10px;border:1pxsolid #eee">
Isi bisa berupa TEXT / IMAGE sesuai keinginan anda!
</div>

Contoh Scrollbar :

<divstyle="overflow:auto;width:100px;height:70px;padding:10px;border:1pxsolid #eee">
<a href="http://www.seven7sky.com">Text 1</a><br/><a href="http://www.seven7sky.com">Text 2</a><br/><a href="http://www.seven7sky.com">Text 3</a><br/><a href="http://www.seven7sky.com">Text 4</a><br/><a href="http://www.seven7sky.com">Text 5</a><br/><a href="http://www.seven7sky.com">Text 6</a><br/><a href="http://www.seven7sky.com">Text 7</a><br/>
</div> 

Text 1
Text 2
Text 3
Text 4
Text 5
Text 6
Text 7

• Anda apat merubah text berwarna unggu dengan text / gambar anda.
• Anda apat merubah text berwarna biru untuk mengubah ukuran kotak scrollbar sesuai keinginan / kebutuhan anda.
• Anda apat merubah text berwarna hijau untuk merubah warna latar sesuai keinginan anda.