如何更改 webkit-scrollbar-thumb 的長度？

Question

我正在嘗試創建一個漂亮的滾動條，但存在我不喜歡長度的問題。 你能以某種方式改變它嗎？ 所以height: x; 這是行不通的。

如果有人將這個問題標記為重復，那么請提前告訴我，因為我搜索了 10 分鍾。

Answer 1

/* Resize / 10px 10px suggested  */
::-webkit-scrollbar{
  width:10px; /* for vertical scrollbar */
  height:10px /* for horizontal scrollbar */
}

/* up down arrows . */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{
  display:none;
}

/* Background */
::-webkit-scrollbar-track-piece{
  background-color:#e6e6e6
}

/* hold piece */
::-webkit-scrollbar-thumb{
  -webkit-border-radius:4px;
  background:#444;
}

Answer 2

/* -------------------------------- 
Scroll Bar style
-------------------------------- */
::-webkit-scrollbar {
  background: white;
  width: 4px;
}

::-webkit-scrollbar-thumb {
  background: #666;
  -webkit-border-radius: 6px;
}

::selection {
  background-color: white;
  color: #111;
}

::-moz-selection {
  background-color: white;
  color: #111;
}