现在的位置: 首页 > 综合 > 正文

滚动条控制大全

2013年10月22日 ⁄ 综合 ⁄ 共 782字 ⁄ 字号 评论关闭
1、自定义滚动条:
<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 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>

5、图片滚动条:

  见上条信息。

抱歉!评论已关闭.