如何固定滚动条轨道的高度

Question

需要修复滚动条轨道的高度，它应该仅以蓝色开始，背景应该是灰色，你能指导我实现吗？

我尝试在不将高度和背景颜色固定为透明的情况下实现。

实际	预计

Answer 1

您可以使用 ::-webkit-scrollbar :

::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: hsla(0, 0%, 35%, 0.1);
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #007;
}