调整滚动按钮的位置只有

Question

是否可以移动滚动条按钮（在图像中高亮显示）稍低于它的实际位置？ 我的理解是，按钮的最高值与div的最高值相同。基本上，我需要将总滚动条精确地放置在div的中心。

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

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

Answer 1

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

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

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

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

的jsfiddle这里：http://jsfiddle.net/4nuoo8vg/