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/

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

EDIT1

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

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

EDIT2

我通过修改jscrollpane.js，在设置中添加一个名为arrowsHeight 的新属性来获取它。谢谢你的帮助。

Answer 1

为什么不

.jspVerticalBar .jspArrow {
    height: 36px;   
}

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

这看起来像你想要的，滚动条的其余部分可以很好地适应它。如果高度变大，实际滚动条会变小（如果这是你想要的）

更新

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

我不知道，为什么你将条的宽度设置为100px。我只是简单地设置了元素的高度。

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

自定义jquery插件jscrollpane的箭头

1 个答案: