滚动条样式

对于 Chrome 浏览器:

• 整体部分，::-webkit-scrollbar;

• 两端按钮，::-webkit-scrollbar-button;

• 外层轨道，::-webkit-scrollbar-track;

• 内层轨道，::-webkit-scrollbar-track-piece;

• 滚动滑块，::-webkit-scrollbar-thumb;

• 边角，::-webkit-scrollbar-corner。

但是我们平时开发中只用下面 3 个属性:

::-webkit-scrollbar { /* 血槽宽度 */

　　width: 8px; height: 8px;

}
::-webkit-scrollbar-thumb { /* 拖动条 */

  background-color: rgba(0,0,0,.3);
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background-color: #ddd;
  border-radius: 6px;
}