如何在jquery jscrollpane中增加滚动轨道的大小

时间:2014-08-18 12:57:29

标签: javascript html jquery-jscrollpane

我在jScrollpane中更改了滚动条的大小

$(function()
            {
                $('.scroll-pane').jScrollPane({
                    verticalDragMinHeight: 30,
                    verticalDragMaxHeight: 32,
                    horizontalDragMinWidth: 40,
                    horizontalDragMaxWidth: 40
                });
            });

但是我无法改变它的音轨大小。

PFB图像

enter image description here

2 个答案:

答案 0 :(得分:1)

尝试使用以下更新的css ..

.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 27px;
height: 100%;

}

答案 1 :(得分:0)

有几种方法可以做到这一点。您需要设置JScrollBar组件的首选大小。使用您的初始方法,您可以:

     scrollpane.getVerticalScrollBar().setPreferredSize(
new Dimension(width, Integer.MAX_VALUE));
scrollpane.getHorizontalScrollBar().setPreferredSize(
new Dimension(Integer.MAX_VALUE, width));

信用转到这篇文章LINK

你也可以使用CSS来做到这一点:

::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 50px;
}

以下是有关如何使用jScrollpane

的其他资源