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

Question

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

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

我如何做到这一点？

Answer 1

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

• 垂直拖动最小高度
• 垂直拖动最大高度
• 水平拖动最小宽度
• 水平拖动最大宽度

检查插件的设置页面。

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

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

jsfiddle中的现场示例。