CSS Scrollbar样式设置

正文内容请看这里

注意事项

如果我们不想修改全局的Scrollbar的样式的话，可在其前面补充id、class或者元素标签名即可修改指定元素的Scrollbar，如下所示：

// 只作用于body标签
body::-webkit-scrollbar {
  width: 8px;
  background-color: #f2f2f2;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(36, 36, 36, 0.3);
  background-color: $menuBg;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(36, 36, 36, 0.3);
  border-radius: 10px;
  background-color: #f2f2f2;
}