Javascript 使用webkit滚动条的图像-最小高度-webkit滚动条轨迹块?

Javascript 使用webkit滚动条的图像-最小高度-webkit滚动条轨迹块?,javascript,css,webkit,Javascript,Css,Webkit,使用-webkit滚动条拇指的背景图像:垂直。下面是一个JSFIDLE: 要模拟问题,请将div.inner中的高度从1500px增加到2000px。你应该看到底部的get被切断了(我相信这相当于随着页面内容的增长,滚动条在高度上的“缩短”) 有人能推荐一个解决方案吗?如果需要,甚至可以使用javascript 谢谢 ::-webkit-scrollbar-thumb:vertical { background:black url('http://i.minus.com/jbcOb9d7

使用
-webkit滚动条拇指的背景图像:垂直
。下面是一个JSFIDLE:

要模拟问题,请将
div.inner
中的高度从1500px增加到2000px。你应该看到底部的get被切断了(我相信这相当于随着页面内容的增长,滚动条在高度上的“缩短”)

有人能推荐一个解决方案吗?如果需要,甚至可以使用javascript

谢谢

::-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_u::-webkit滚动条thumb:vertical=height_of_div/一些常量。。。但我认为这是没有必要的


试试这个,把它的高度改成你想要的,如果你想用JS计算合适的高度,比如:height_of_u::-webkit滚动条thumb:vertical=height_of_div/一些常量。。。但我认为这是没有必要的。

太好了。。。现在看来很明显。谢谢杰出的现在看来很明显。谢谢