自定义scrollbar

自定义scrollbar， 包括宽度，颜色和圆角

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// custom scrollbar
::-webkit-scrollbar {
  /* for vertical scrollbars */
  width: 8px;
  /* for horizontal scrollbars */
  height: 8px;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 8px;
  &:hover {
    background: #8c8c8c;
  }
}

css