jScrollPane jquery插件中滚动条的自定义高度

Question

我正在使用jScrollPane jQuery插件（http://jscrollpane.kelvinluck.com）在我的应用程序中实现自定义滚动条。

但是，我需要能够修改jspDrag元素的高度。看起来元素的高度取决于div内的内容量。但是，我想为jspDrag使用一个图像（需要固定大小，即不可重复），图像将非常小（高度比实际的jspDrag元素小）。

我如何做到这一点？

Answer 1

该插件提供了一些属性来控制滚动条的最小/最大高度/宽度：

• verticalDragMinHeight
• verticalDragMaxHeight
• horizo​​ntalDragMinWidth
• horizo​​ntalDragMaxWidth

检查插件的settings page。

为min / max设置相同的值将固定高度/宽度：

$('.scroll-pane').jScrollPane({
    verticalDragMinHeight: 100,
    verticalDragMaxHeight: 100
});

jsfiddle中的实例。