01 Agustus 2015

Menampilkan Scroll Pada Div Hanya Saat Mouse Melayang Di Atasnya

Tag <div> pada HTML (HyperText Markup Language) umumnya diaplikasikan untuk menghimpun beberapa elemen dalam rangka menampilkan format tertentu yang dipengaruhi juga oleh CSS (Cascading Style Sheets).

Dipopedia-Scrolling.gif

Berikut ini adalah cara untuk Menampilkan Scroll Pada Div Hanya Saat Mouse Melayang Di Atasnya.

Tag <div> yang diaplikasikan adalah
<div id="tes_scroll">
<!-- Isi Konten -->
</div>

CSS yang diaplikasikan adalah
#tes_scroll { height:300px; overflow:hidden;}
#tes_scroll:hover {overflow-y:auto;}

Selamat mencoba dan semoga berhasil!
Tidak ada komentar: