滚动条样式修改

设置宽度等

::-webkit-scrollbar{
  width: 8px;
  height: 10px;
}

正常情况下滑块的样式

::-webkit-scrollbar-thumbstDiv{
  background-color: rgba(0, 0, 0, .05);
  border: 1px solid #f0f0f0;
  //padding: 0 8px;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

鼠标悬浮在滑块上时滑块的样式

::-webkit-scrollbar-thumb:hover{
 //background-color: rgba(0, 0, 0, .4);
  //-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

正常时候的主干部分

::-webkit-scrollbar-track{
  //border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: white;
}

鼠标悬浮在滚动条上的主干部分

::-webkit-scrollbar-track:hover{
  //-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  background-color: rgba(0, 0, 0, .01);
}