JScrollPaneには、矢印

Question

私は開発中のページ（http://jscrollpane.kelvinluck.comから）jScrollペインjQueryのスクリプトを実行すると、ページのデザインに合わせて、それをスタイルにしたいんだスタイリング：何らかの理由で

• をスクロール領域はdivの全文には及ばない。何が問題なのか分かりませんか？ （する@ font-faceロードされているフォントのフォールバックフォントを作成し、CSSでフォントサイズを調整し作りで解決）

• 私は底に両方の矢印を使用していますが、私はサイズを変更したいと思います完全な矢印領域がより緩やかになるように

• また、私は無効な矢印を灰色にして画像を準備したいと思いますが、その選択を.jspDisabledクラスにする方法がわからないので適切な画像であり、両方について同じ画像ではない。

ページ： http://baksagaspar.com/francesco-work/

任意のヘルプしてください？

Answer 1

jScrollPaneは、矢印イメージにCSSを使用しています。

クラスのスタイルのbackground-imageプロパティを、.jspArrowDownと.jspArrowUpに置き換えてください。

無効の場合、のbackgroud-imageが重要に設定されていることを確認してください。

例：

.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' 
});