Home › Forums › CSS › How to change scrollbar › Re: How to change scrollbar
June 5, 2013 at 7:53 am
#137722
Historical Forums UserParticipant
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
color:red;
font-family:"Futura","Times New Roman", Times, serif;
text-shadow: 1px 1px #000000;
}
.scrollholder{
position: relative;
width: 300px; height: 200px;
overflow: auto;
z-index: 1;
background-color: #f3f3f3;
}
.scroll{
position: absolute;
left: 0; top: 0;
width: 95%;
z-index: 2;
}
/* <Scroll> */
.track{
position: relative;
float:right;
top: 0;
width: 11px; height: 100%;
font-size: 0;
z-index: 3;
background: black;
}
.drag_bar{
position: absolute;
width: 100%; height: 14px;
cursor: pointer;
z-index: 4;
background: yellow;
}
</style>
<script src="http://gondo.webdesigners.sk/wp-content/javascript-scrollbar/js/scroll.js"></script>
</head>
<body>
<div id="scrollholder" class="scrollholder">
<div id="scroll" class="scroll">
<p>your text...</p>
</div>
</div>
<script>ScrollLoad ("scrollholder", "scroll", true);</script>
</body>
</html>
