Tahapan untuk implementasi css scroll
Di taruh dalam tag div
Scroll sendiri manfaatnya untuk menghemat space halaman website contoh penggunaan scroll
Hasil dari penggunaan scroll
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
CSS SCROLL
Sintak kodenya
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.scroll{
padding: 10px;
overflow-y: auto;
height: 250px;
/*script tambahan khusus untuk IE */
scrollbar-face-color: #CE7E00;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #6F4709;
scrollbar-3dlight-color: #111111;
scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #FFE8C1;
scrollbar-arrow-color: #6F4709;
}
</style>
</head>
<body>
<div class="scroll">
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
<div class="panel-heading">CSS SCROLL</div>
</div>
</body>
</html>
Semoga Bermanfaat
Komentar ini telah dihapus oleh pengarang.
BalasHapus