在目前div滾動條修飾
/* 滾動條x y 軸 顯示 隐藏*/
/* overflow-y: scroll;
overflow-x: hidden;
*/
/*滾動條的寬度*/
::-webkit-scrollbar {
width: 3px;
height: 3px;
}
/*外層軌道。可以用display:none讓其不顯示,也可以添加背景圖檔,顔色改變顯示效果*/
::-webkit-scrollbar-track {
width: 2px;
background-color: #ffffff;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/*滾動條的設定*/
::-webkit-scrollbar-thumb {
background-color: #464949;
background-clip: padding-box;
min-height: 28px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/*滾動條移上去的背景*/
::-webkit-scrollbar-thumb:hover {
background-color: #fff;
}