0

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 プラグインの公式 Web サイトです: http://jscrollpane.kelvinluck.com/

そして、これはそれについての1つのフィドルです：http://jsfiddle.net/gLRYu/68/

どうぞよろしくお願いいたします。前もって感謝します、ダニエル

編集1

jsfiddle を更新して、すべてを明確にします: http://jsfiddle.net/gLRYu/84/

DrColossos のソリューションは機能しますが、javascript が必要です

EDIT2

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 に答える