1

スクロールバーの色を変更したい.スクロールバーを作成するには、指定されたコードを使用しました。
JavaScriptは

$('.scroll-pane').jScrollPane();


    $('#body').bind(
    'jsp-scroll-y',
    function (event, scrollPositionY, isAtTop, isAtBottom) {
        console.log('#pane1 Handle jsp-scroll-y', this,
                        'scrollPositionY=', scrollPositionY,
                        'isAtTop=', isAtTop,
                        'isAtBottom=', isAtBottom);
    }
);

CSSは

.scroll-pane
{
    width: 100%;
    height: 300px;
    overflow: auto;
}

しかし、ここではスクロールバーの色を変更できません。どうすれば色を変更できますか? デモ

4

5 に答える 5

0

JavaScriptを使用してスクロールバーの色を変更することもできます。スクロールバーのさまざまな部分の色を変更するベースカラー、フェースカラー、矢印カラーなど、スクロールバーにはさまざまなコンポーネントがあります。次の行が役立つ場合があります。

document.body.style.scrollbarBaseColor = "colorname";
document.body.style.scrollbarArrowColor = "colorname";
document.body.style.scrollbarTrackColor = "colorname";

上記のスタイルとは別に、scrollbarShadowColor、scrollbarHighlightColor、scrollbar3dlightColor、scrollbarDarkshadowColor などがあります。したがって、スクロール バーのコンポーネントを選択し、色を変更します。

于 2015-02-04T12:32:32.433 に答える