javascript - 使用 webkit 滚动条的图像--webkit-scrollbar-track-piece 的最小高度？

Question

使用背景图像-webkit-scrollbar-thumb:vertical。这是一个 jsFiddle：http: //jsfiddle.net/6ESpj/2/

为了模拟问题，将高度div.inner从 1500 像素增加到 2000 像素。您应该看到底部被截断（我相信这相当于随着页面内容的增长滚动条的高度“缩短”）。

谁能推荐一个解决方案？如有必要，甚至可以使用 javascript。

谢谢！

Answer 1

::-webkit-scrollbar-thumb:vertical
{
    background:black url('http://i.minus.com/jbcOb9d7Bb1p6Y.png') no-repeat;
    background-size:26px 63px;  
    background-position:;
    display: block;
    width: 30px;
    height: 100px;
}

试试这个，把它的高度改成你想要的，如果你希望你可以用 JS 计算适当的高度，比如：height_of_::-webkit-scrollbar-thumb:vertical = height_of_div / SOME_CONSTANT... 但我认为那不是必要。