Question

是否可以将滚动条按钮（如图中突出显示的那样）移动到实际位置的下方？我的理解是按钮的最高值与div的最高值相同。基本上，我需要将总滚动条准确放置在div的中心。

以下代码对按钮的位置没有影响：

::-webkit-scrollbar-button {
     top: 10px;
}

Answer 1

视口滚动条的位置是浏览器的问题，不能用HTML / CSS控制。

最好的办法是在盒子周围添加一个厚边框，背景颜色与盒子相同，并相应减小宽度/高度。

甚至隐藏滚动条按钮，如：

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}