用CSS+DIV来控制滚动条
下面是代码,用DIV来做,易于实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV 制作滚动条</title>
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin:10px;
}
#box1 {
border:1px solid #cccccc; padding:2px; width:80%; height:100px;
margin:0 auto;
}
#box2 {
height:100%;overflow: auto;
}
</style>
</head>
<body>
<div id="box1">
<div id="box2">滚动条文字<br />
</div>
</div>
</body>
</html>