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

Using image for webkit scrollbar - minimum height for -webkit-scrollbar-track-piece?

本文关键字：-webkit-scrollbar-track-piece 小高 高度 滚动条 图像 webkit      更新时间：2023-09-26

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

要模拟问题，请将div.inner高度从 1500px 增加到 2000px。您应该看到底部被切断了（我相信这是滚动条随着页面内容的增长而"缩短"高度的等价物）。

任何人都可以推荐解决方案吗？如有必要，甚至可以使用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_：：-webkit-scrollbar-thumb：vertical = height_of_div/SOME_CONSTANT...但我认为没有必要。

相关文章：