滾動(dòng)條現(xiàn)在已經(jīng)不是很常用了，但偶爾在特殊的模塊仍然發(fā)光發(fā)熱，下面在詳細(xì)說(shuō)明下如何在div+css下實(shí)現(xiàn)固定寬度和高度的滾動(dòng)條，以及如何在右側(cè)和下方顯示滾動(dòng)條。
1、div+css如何加滾動(dòng)條：
div 加滾動(dòng)條的方法：
<div style="position:absolute; height:400px; overflow:auto"></div>
div 設(shè)置滾動(dòng)條顯示：overflow :yes
div 設(shè)置滾動(dòng)條自適應(yīng)顯示：overflow :auto
div 設(shè)置上下滾動(dòng)條顯示：overflow-y :yes
div 設(shè)置上下滾動(dòng)條自適應(yīng)顯示：overflow-y :auto
如果該div被包含在其他對(duì)象例如td中，則位置可設(shè)為相對(duì)：position:relative
具體來(lái)說(shuō)：
div顯示上下左右滾動(dòng)條
<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 這里是你要顯示的內(nèi)容 </div>
div顯示上下滾動(dòng)條的css代碼
<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 這里是你要顯示的內(nèi)容 </div>
div顯示左右滾動(dòng)條的css代碼
<div style="width:260px;height:120px; overflow-x:scroll; border:1px solid;"> 這里是你要顯示的內(nèi)容 </div>
2、修改滾動(dòng)條顏色的代碼
SCROLLBAR-FACE-COLOR(立體滾動(dòng)條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR(滾動(dòng)條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR(立體滾動(dòng)條陰影的顏色)
SCROLLBAR-ARROW-COLOR(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR(滾動(dòng)條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR(立體滾動(dòng)條強(qiáng)陰影的顏色)
SCROLLBAR-HIGHLIGHT-COLOR(滾動(dòng)條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR(立體滾動(dòng)條陰影的顏色)
SCROLLBAR-ARROW-COLOR(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR(滾動(dòng)條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR(立體滾動(dòng)條強(qiáng)陰影的顏色)