html - 如何更改 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;
}