0

如果知道如何自定义 jscrollpane 的箭头，我想问你

jspVerticalBar .jspArrow

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

我正在尝试通过javascript，但是当我增加两者的高度时，我也需要增加trackbar和dragbar的高度......但我没有得到它......

例如，我想为箭头分配 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 的新属性。谢谢你的帮助。

4

1 回答 1

1

为什么不

.jspVerticalBar .jspArrow {
    height: 36px;   
}

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

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

更新

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

我不知道，为什么你将栏的宽度设置为 100px。我只是分别设置了元素的高度。

$(".jspVerticalBar .jspArrow").height("36px");
于 2013-09-11T07:49:12.113 回答