自定义 jquery 插件 jscrollpane的箭头

Question

如果

知道如何自定义jscrollpane的箭头，我想告诉你

jspVerticalBar .jspArrow

具体来说，它们的大小，因为我正在查看它的 api，但我没有找到这样的东西。

我正在尝试使用 javascript，但是当我增加两者的高度时，我也需要增加跟踪栏和拖动栏的高度......但我没有得到它...

例如，我想为箭头分配 36px 的高度：

var verticalBar = this._htmlElement.children[0].children[1]; //vertical bar
verticalBar.children[1].style.height = this.btsBarHeight+"px"; //up arrow
verticalBar.children[3].style.height = this.btsBarHeight+"px"; //down arrow
//is needed modify track and drag height
//I modify track height
var trackH = parseInt( verticalBar.clientHeight - this.btsBarHeight*2);
verticalBar.children[2].style.height = trackH+"px"; 
//I modify drag height
var dragH = parseInt(trackH-68);
var dragH = (this._htmlElement.children[0].children[0].clientHeight*65)/520;
verticalBar.children[2].children[0].style.height = dragH+"px";

这是jquery插件的官方网站：http://jscrollpane.kelvinluck.com/

这是关于它的一个小提琴：http://jsfiddle.net/gLRYu/68/

我希望你的英勇帮助。提前感谢，丹尼尔

编辑1

我更新了jsfiddle，澄清了所有：http://jsfiddle.net/gLRYu/84/

DrColossos的解决方案有效，但我需要通过javascript

编辑2

我通过修改 jscrollpane.js 在设置中添加一个新属性（称为 arrowsHeight）获得了它。感谢您的帮助。

Answer 1

为什么不

.jspVerticalBar .jspArrow {
    height: 36px;   
}

为你工作？http://jsfiddle.net/gLRYu/77/

这似乎是您想要的，滚动条的其余部分可以很好地适应它。如果高度变大，实际滚动条变小（如果这是您想要的）

更新

http://jsfiddle.net/gLRYu/86/

我不知道，为什么您将栏的宽度设置为 100px。我只是恭敬地设置元素的高度。

$(".jspVerticalBar .jspArrow").height("36px");