项目中经常用到又不好记的scss代码块

重置滚动条样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
&::-webkit-scrollbar {
    // 主体区域宽高
    width: 8px;
    height: 10px;
    // 滚动轨道
    &-track {
      border-radius: 4px;
      background: #F1F1F1;
    }
    // 滚动滑块
    &-thumb {
      border-radius: 4px;
      background: #C1C1C1;
      &:hover {
        background: #A8A8A8;
      }
    }
}