某些情况下 我们需要自己修改一下滚动条的样式~~

以谷歌浏览器为例
先上前后对比图

上代码

/* 滚动条那個底 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  border-radius: 3px;
  background: rgba(0,0,0,0.06);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.00);
}
/* 滚动条那個底 */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgba(0,0,0,0.05);
  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0);
}
/* 滚动条滑块 */

自定义滚动条样式~~~