用css修改scroll樣式
阿新 • • 發佈：2019-01-01
我實現的是一種黑灰的滾動條 有興趣的可以直接貼上程式碼執行看效果
1.給需要設定滾動條的容器加上class:topnav_box
2.接下來是css.,
.topnav_box::-webkit-scrollbar //滾動條整體部分
{width: 5px;
height:10px;
background-color:#b5b1b1;
}.topnav_box::-webkit-scrollbar-track //scroll軌道背景
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color:black;
}
.topnav_box::-webkit-scrollbar-thumb 滾動條中能上下移動的小塊
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:#b5b1b1;
}
3.自定義滾動條
滾動條組成: