Question

这似乎是一个重复的问题，但我找不到任何内容。

我正在尝试将滚动条的长度设置为<div>

的50％

我正在使用webkit隐藏实际的滚动条并显示和显示图像，但滚动条的拇指超出了滑块img本身。因此，如果我可以缩短滚动条长度，它将解决我的所有问题。

理想情况下，我想要一个webkit修复程序，但我愿意接受其他想法。

目前我有这个用于css：

::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment  {}
    ::-webkit-scrollbar-thumb:horizontal {
            background:transparent url('images/sliderheart.png') no-repeat; 
            background-size:35px 35px;

            width: 35px;
            height: 35px;  
            background-position: center;
    }
    ::-webkit-scrollbar{height: 50px; width: 50px;}


    ::-webkit-scrollbar-track:horizontal{
    background:transparent url('images/sliderbar.png') no-repeat; 
    background-position: center; 
    }

Answer 1

试试这个：

ggplot(d, aes(x=type)) +
    geom_boxplot(aes(ymin=ymin, lower=lower, middle=middle, upper=upper, ymax=ymax),
                 stat = "identity")

Answer 2

所以我想出来并且应该分享其他人遇到同样的问题。

我正在咆哮错误的树，而不是改变实际的滚动条，我找到了这个解决方案。

像这样开始和停止拇指的位置：

::-webkit-scrollbar-button:end{height: 50px; width:30%;}
::-webkit-scrollbar-button:start{height: 50px; width:30%;}

然后将背景图片的大小调整为适合start和end，如下所示：

::-webkit-scrollbar-track:horizontal{
    background:transparent url('images/sliderbar.png') no-repeat; 
    background-position: center;
    background-size: 100% 35px; 
    }

设置水平滚动条的长度

2 个答案: