::-webkit-scrollbar 滾動條整體部分，可以設(shè)置寬度啥的
::-webkit-scrollbar-button 滾動條兩端的按鈕
::-webkit-scrollbar-track 外層軌道
::-webkit-scrollbar-track-piece 內(nèi)層滾動槽
::-webkit-scrollbar-thumb 滾動的滑塊
::-webkit-scrollbar-corner 邊角
::-webkit-resizer 定義右下角拖動塊的樣式

.test-1::-webkit-scrollbar {
  /*滾動條整體樣式*/
  width : 10px;  /*高寬分別對應(yīng)橫豎滾動條的尺寸*/
  height: 1px;
  }
  .test-1::-webkit-scrollbar-thumb {
  /*滾動條里面小方塊*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
  .test-1::-webkit-scrollbar-track {
  /*滾動條里面軌道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }