Div之滚动条

CSS代码：

 

< div id = " Layer3 " style = " left: 157px;top: 468px; height:100px;FLOAT: left;LINE-HEIGHT: 18px;TEXT-ALIGN: left;border: 1px solid #999999;padding: 1px;overflow:scroll; " >
< p > asdfasdfasda123123123
123123123123 </ p >
< p > 1231231 </ p >
</ div >
< input type = " text " name = " textfield " onmouseover = " abc() " />
< script language = " javascript " >
function abc()
{
var div = document.getElementById( " Layer3 " );

div.height = 0 ;

}

</ script >

 

 

参数说明：

1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。

参数:
visible：扩大面积以显示所有内容
auto：仅当内容超出限定值时添加滚动条
hidden：总是隐藏滚动条
scroll：总是显示滚动条

2、height : 设置滚动条的高度（修改其后数值即可）。

3、滚动条颜色参数设置：

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color 设置或检索滚动条基准颜色


overflow-x
function abc()
{
var div = document.getElementById("Layer3");
div.style.overflow-x=0;
}