7b2美化-好看的侧边栏滚动条

演示

教程

把下面的代码放在css样式

/*滚动条显示样式*/  
::-webkit-scrollbar-thumb{
   background-color:#3478F7;  /*更改喜欢的十六进制颜色*/
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;
}  
/*滚动条大小*/ 
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
/*滚动框背景样式*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:8px;
}
html {
    /*scrollbar-color:#649FF9 white;*/
    scrollbar-width:thin;
}