1. 程式人生 > >瀏覽器css隱藏滾動條的方法!除了IE一般都支援

瀏覽器css隱藏滾動條的方法!除了IE一般都支援

::-webkit-scrollbar { /* 滾動條整體部分 */
width:0px;
margin-right:2px
}
::-webkit-scrollbar-track-piece { /*內層軌道,滾動條中間部分 */
background-color: white;
}

::-webkit-scrollbar:horizontal {
height:0px;
margin-bottom:2px
}

::-webkit-scrollbar-track-piece { /*內層軌道,滾動條中間部分 */
background-color: white;
}
::-webkit-scrollbar-thumb { /* 滑塊 */
width:0px;
background: #CBCBCB;
}

::-webkit-scrollbar-thumb:hover { /* 滑鼠移入滑塊 */
background: #909090;
}

這裡是隱藏的,如果要有點一顯示,把width加一點寬度就行了