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

Question

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

但是，我需要能够修改 jspDrag 元素的高度。元素的高度似乎取决于 div 内的内容量。但是，我想为 jspDrag 使用图像(需要固定大小，即不可重复)，并且图像将非常小(高度小于实际的 jspDrag 元素)。

我如何完成这个？

Answer 1

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

• verticalDragMinHeight
• verticalDragMaxHeight
• horizo​​ntalDragMinWidth
• 水平拖动最大宽度

检查 settings page插件的。

为最小值/最大值设置相同的值将固定高度/宽度:

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

jsfiddle 中的实例.