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

Question

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

要模拟问题，请将div.inner中的高度从1500px增加到2000px。您应该看到底部得到了切断（我相信这与页面内容增长时滚动条的“缩短”相当）。

有人可以推荐一个解决方案吗？如果有必要，甚至可以使用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 ......但我认为这不是必要的。