css 設置滾動條樣式

/* 滾動條 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: transparent;
  border-radius: 5px;
}

/* 滾動條兩端按鈕 */
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

/* 外層軌道 */
::-webkit-scrollbar-track {
  border-radius: 5px;
}

/* 內層軌道，它會覆蓋外層軌道的樣式 */
::-webkit-scrollbar-track-piece {
  width: 4px;
  margin: 0 -2px 0;
}

/* 滑塊 */
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  min-height: 60px;
  min-width: 60px;
  border-radius: 5px;
}

/* 縱向滑塊懸浮 */
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #333;
}

/* 橫向滑塊懸浮 */
::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #333;
}