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;
}

轉載于:https://www.cnblogs.com/Sue_/articles/1664866.html

總結

以上是生活随笔為你收集整理的Div之滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。