1、自定义滚动条:
3、去条垂直滚动条:
5、图片滚动条:
见上条信息。
<style>
body{ SCROLLBAR-FACE-COLOR: #8EBBFF; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #E6F0FF; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff }
</style>
2、去掉水平滚动条:
body{ SCROLLBAR-FACE-COLOR: #8EBBFF; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #E6F0FF; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff }
</style>
<body style='overflow:scroll;overflow-x:hidden;'>
3、去条垂直滚动条:
<body style='overflow:scroll;overflow-y:hidden'>
4、给表格加上滚动条:
<style>
#table { width:300px;border:1px #f00 solid;}
#div { height:100px;width:100%;overflow-y:auto; }
</style>
<table id="table">
<tr>
<td>
<div id="div">
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
</div>
</td>
</tr>
</table>
#table { width:300px;border:1px #f00 solid;}
#div { height:100px;width:100%;overflow-y:auto; }
</style>
<table id="table">
<tr>
<td>
<div id="div">
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
</div>
</td>
</tr>
</table>
5、图片滚动条:
见上条信息。