div新增滾動條常見屬性

2021-08-31 04:13:40 字數 1159 閱讀 6775

由於頁面上的表裡的末一列的內容太多,顯示的內容不美觀了,就想在這一列上加滾動條,在網上搜了一下,用div可以實現,感覺還不錯,下面的是在網上查到的。

face-color: #dbebfe; scrollbar-shadow-color: #b8d6fa; scrollbar-highlight-color:

#ffffff; scrollbar-3dlight-color: #dbebfe; scrollbar-darkshadow-color:#458ce4;

scrollbar-track-color: #ffffff; scrollbar-arrow-color: #458ce4">

想在div裡新增滾動條設定一下style就ok了

方位屬性:

width:限制div區域的寬

height:限制div區域的高;

top:元素的頂邊相對於容器的頂邊的偏移

left:元素的左邊相對於容器的右邊的偏移

right:元素的右邊相對於容器的右邊的偏移

bottom:元素的底邊相對於容器的底邊的偏移

z-index:div層位置,div必須是浮動的,值越大div越靠前,數值可以不連續

滾動條屬性:

overflow-x:水平滾動條

overflow-y:垂直滾動條

overflow:水平和垂直滾動條

值:visible    卻省值,沒有滾動條,根據內容自動擴撐區域的大小,即定義的區域無效

scroll     總是顯示滾動條

hidden   沒有滾動條,超出區域的內容不可見

auto       根據內容自動判斷是否新增滾動條

顏色屬性:

scrollbar-3d-light-color立體滾動條亮邊的顏色

scrollbar-arrow-color上下按鈕上三角箭頭的顏色

scrollbar-base-color滾動條的基本顏色

scrollbar-dark-shadow-color立體滾動條強陰影的顏色

scrollbar-face-color立體滾動條凸出部分的顏色

scrollbar-highlight-color滾動條空白部分的顏色

scrollbar-shadow-color立體滾動條陰影的顏色

scrollbar-track-color滑道顏色

給div新增滾動條

使用方法 引數說明 1 overflow y 設定當物件的內容超過其指定高度時如何管理內容 overflow x 設定當物件的內容 超過其指定寬度時如何管理內容。引數 visible 擴大面積以顯示所有內容 auto 僅當內容超出限定值時新增滾動條 hidden 總是隱藏滾動條 scroll 總是顯...

給div新增滾動條

最簡單的方法 height和width根據需求設定 注意 如果只寫height就只有垂直滾動條,只寫width就只有水平滾動條,都不寫沒有效果。還有這裡overflow設定為auto,也就說是如果你的頁面高度大於300px就會出現滾動條,小於300px就沒有滾動條。同理,如果寬度大於100px出現滾...

給div新增滾動條

最簡單的方法 height和width根據需求設定 注意 如果只寫height就只有垂直滾動條,只寫width就只有水平滾動條,都不寫沒有效果。還有這裡overflow設定為auto,也就說是如果你的頁面高度大於300px就會出現滾動條,小於300px就沒有滾動條。同理,如果寬度大於100px出現滾...