滚动拇指的高度是否根据可滚动区域设置为默认值?如果没有,我可以设置滚动条的拇指高度吗?如果有可能怎么办?我尝试通过以下方式进行操作。

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  height: 5px;
}

但这对页面没有影响。请帮忙。提前致谢。

最佳答案

我不这么认为,拇指的高度取决于内容的大小,您可以更改::-webkit-scrollbar内部的宽度,但是高度始终取决于内容。

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

html - 滚动条拇指高度(css)-LMLPHP

html - 滚动条拇指高度(css)-LMLPHP

Source

10-07 19:26
查看更多