由於頁面上的表裡的末一列的內容太多,顯示的內容不美觀了,就想在這一列上加滾動條,在網上搜了一下,用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出現滾...