HTML\CSS 滚动条属性/样式

滚动条属性(分块注释)

属性	块作用
::-webkit-scrollbar	滚动条整体部分
::-webkit-scrollbar-thumb	滚动条里面的小方块，能上下左右移动(取决于是垂直还是水平)
::-webkit-scrollbar-track	滚动条的轨道(里面装有thumb)
::-webkit-scrollbar-button	滚动条轨道两端的按钮，允许通过点击微调小方块的位置
::-webkit-scrollbar-track-piece	内层轨道，滚动条中间部分(除去)
::-webkit-scrollbar-corner	边角，及两个滚动条的交汇处
::-webkit-resizer	两个滚动条的交汇处上用于拖动调整元素大小的小控件

// 可使用选择器.
*::-webkit-scrollbar {
  width: 4px;
  background: #ccc;
}
// 轨道
body::-webkit-scrollbar-track {}
// 滑块
div::-webkit-scrollbar-thumb {}
//滚动条凹槽的颜色，还可以设置边框属性
::-webkit-scrollbar-track-piece {}