jquery - jScrollPane-スクロールバーの個別の矢印を取得する方法

Question

jQueryにjScrollPaneを使用して、スクロールバーをWindows 8のスクロールバーのように見せています（楽しみのために、Metro / Modern UIのモックアップを作成しています）。スクロールバーの見た目はかなり下がっていますが、問題があります。（少なくとも現在のバージョンでは）左矢印画像と右矢印画像を取得する方法はありません（Metro UIのように水平スクロールを使用しているため）。この辺りで質問を見たことがありますが、それらは個別の矢印を提供するjQueryライトテーマ（トローチテーマ）を示していますが、それはお尻の痛みであり、私が探しているものではありません。何か案は？？

Answer 1

クラス.jspArrowのCSSを変更して、矢印画像を背景画像として表示できないのはなぜですか？

ここでデモの1つを見ると、次のcssが表示されます。

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

次のように変更します。

.jspArrow
{
    background: url('your_arrow_img')
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

jspArrowRightとjspArrowLeftには別々のクラスがあり、さらに役立ちます。

それがうまくいかない場合は、スクロールバーの「パディング」を作成できることは確かです。ドキュメントではそれをガターと呼んでいます。ガターを作成してから、スクロールバートラックの要素の前後にCSS疑似を使用して、矢印をレンダリングします。