用css改变默认的滚动条的样式

/*滚动条样式*/
.el-main::-webkit-scrollbar, .el-aside::-webkit-scrollbar {
  width: 5px;    
}
.el-main::-webkit-scrollbar-thumb, .el-aside::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, .1);
  background: rgba(0,0,0,0.2);
}
.el-main::-webkit-scrollbar-track, .el-aside::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(2, 2, 2, .1);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}

 原文链接这个比较详细