2013-09-11 2 views
0

я хотел asnwer вас, если знать, как настроить стрелки JScrollPaneCustomize стрелка JQuery плагин JScrollPane

jspVerticalBar .jspArrow 

В частности, их размер, потому что я ищу его апите, но я не нахожу ничего как это.

Я пытаюсь через 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"; 

Это Offical сайт Jquery плагин: http://jscrollpane.kelvinluck.com/

И это одна скрипку об этом: http://jsfiddle.net/gLRYu/68/

Надеюсь, ваша благочестивая помощь. Спасибо заранее, Daniel

EDIT1

Я обновляю jsfiddle, clarifing всего: http://jsfiddle.net/gLRYu/84/

Решение DrColossos работает, но мне нужно через JavaScript

EDIT2

Получаю ed, изменив jscrollpane.js, добавив новый атрибут в настройки, называемый arrowsHeight. Спасибо за вашу помощь.

+1

давно мне удалось сделать это только с помощью css – Pumpkinpro

+1

Да почему бы не сделать это с помощью CSS? – Romaindr

+0

Да, я пытаюсь, но все бары неадаптированы –

ответ

1

Почему не

.jspVerticalBar .jspArrow { 
    height: 36px; 
} 

работа для вас? http://jsfiddle.net/gLRYu/77/

Это похоже на то, что вы хотите, и остальная часть полосы прокрутки хорошо приспосабливается к ней. Если высота становится больше, фактическая полоса прокрутки становится меньше (если это то, что вы хотите)

Update

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

Я не знаю, почему вы установите ширину панели до 100px. Я просто устанавливаю высоту элементов с уважением.

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

Хорошо, похоже, что это работает ... проблема в том, что я все делал javascript, потому что я работаю в проекте javascript без CSS-таблиц –

+0

Это последняя версия моего jsfiddle: http://jsfiddle.net/gLRYu/84/ Я попытался с вашим решением, и он работает, но то же самое через javascript, он не работает. Смотрите, пожалуйста! Большое спасибо –

+1

@DanielGarciaSanchez см. Мое обновление.Поскольку вы уже используете jQuery, я упростил ваш подход с помощью перекрестного перевода. – DrColossos

 Смежные вопросы

  • Нет связанных вопросов^_^