1

アプリケーションで nicescroll を使用しています。私は次のように決めました

$("#Total").niceScroll({
    cursorwidth: '8px',
    cursorborder: 'none',
    cursorborderradius:'0px',
    cursorcolor:"#39CCDB"
});

しかし、私は上記のスタイルを与えたくありません。クラスを使用してこれらを適用したい。そのために、次のように実装しました

.scroll {
    cursorwidth: '8px',
    cursorborder: 'none',
    cursorborderradius:'0px',
    cursorcolor:"#39CCDB"
}

と

var scrollbar =  $("#Total").niceScroll({});
scrollbar.addClass("scroll");

しかし、うまくいきません。nicescroll のクラスでスタイリングを適用する方法を教えてください。

4

6 に答える 6

2

この種の問題に直面した場合、インスペクターでオブジェクト全体を印刷し、使用できるものを確認できます (を使用console.log(nice))。だからここに私の解決策があります

var div = niceScroll({ ... });
var nice = div.getNiceScroll();
$(nice)[0].rail.addClass('class-for-vertical');
$(nice)[0].rail.addClass('class-for-horizontal');
于 2015-10-05T09:45:15.067 に答える
0

以下のコードを試してみてください 

var scrollbar =  $("#Total").niceScroll({});
$("#Total").addClass("scroll");

.scroll {
    cursorwidth: '8px',
    cursorborder: 'none',
    cursorborderradius:'0px',
    cursorcolor:"#39CCDB"
}
于 2014-02-20T10:09:57.933 に答える
0

jqueryでクラスを追加できます：

var $scrollbar =  $(selector).niceScroll({});
$scrollbar.cursor.parent().addClass('nicescroll-cursor-parent');
于 2015-07-03T11:22:48.513 に答える
0

あなたはそれをすることはできませんが、あなたは試すことができます

var options = {
    cursorwidth: '8px',
    cursorborder: 'none',
    cursorborderradius:'0px',
    cursorcolor:"#39CCDB"
};
$("#Total").niceScroll(options);
于 2014-02-20T09:42:19.680 に答える