jscrollpane стилизация стрелок

Question

Я реализую скрипт jQuery на панели jScroll (от http://jscrollpane.kelvinluck.com) на разрабатываемой странице и хочу оформить его в соответствии с дизайном страницы:

• по какой-то причине область прокрутки не распространяется на полный текст div.не знаете в чем может быть проблема? (решено с помощью создания запасного шрифта для загруженного шрифта @ font-face и настройки размера шрифта в css)

• Я использую обастрелки внизу, но я бы хотел изменить размер всей области стрелки так, чтобы она была более свободной

• также я хотел бы сделать отключенные стрелки серыми и подготовил изображения, ноЯ не знаю, как сделать выбор для класса .jspDisabled, чтобы он отображал соответствующие изображения, а не одно и то же изображение для обоих.

Страница: http://baksagaspar.com/francesco-work/

Любая помощь, пожалуйста?

Answer 1

Насколько я помню, jScrollPane использует CSS для изображений стрелок.

Просто замените свойство background-image стиля для классов: .jspArrowDown и .jspArrowUp.

Для отключения убедитесь, что для backgroud-image для .jspArrowUp .jspDisabled установлено значение важный.

Пример:

.jspArrowUp {
  background-image: url(upArrow.jpg);
}

.jspArrowUp.jspDisabled {
  background-image: url(upArrowDisabled.jpg) !important;
}

Answer 2

Я думаю, что вы устанавливаете прокрутку на неправильном div.

$('#text-content-in').jScrollPane( {
    showArrows: true,
    verticalArrowPositions: 'after',
    horizontalArrowPositions: 'after'
});