今天寫了一個自定義的滾動條(純css3)
/*自定義滾動條樣式*/
pre::-webkit-scrollbar
{
width: 10px; //縱向滾塊的寬
height: 10px; //橫向滾塊的高
border-radius: 10px;
background-color: #F1F1F1;
}
/*定義滾動條軌道 內陰影+圓角*/
pre::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
border-radius: 10px;
background-color: #F1F1F1;
}
/*定義滑塊 內陰影+圓角*/
pre::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #C1C1C1;
}