javascript - 如何为 nicescroll 附加类

Question

我在我的应用程序中使用了 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 类。

Answer 1

当遇到此类问题时，您可以在检查器中打印整个对象并查看可以使用的内容（使用console.log(nice)）。所以这是我的解决方案

var div = niceScroll({ ... });
var nice = div.getNiceScroll();
$(nice)[0].rail.addClass('class-for-vertical');
$(nice)[0].rail.addClass('class-for-horizontal');

Answer 2

You can use:

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

See Docs

Answer 3

尝试下面的代码将适用于

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

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

Answer 4

你不能这样做，但你可以试试

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

Answer 5

JS：

$('.custom_scrollbar').each(function(i){

    // ...

  $(this).niceScroll({ ... });

    // ...

  $('.nicescroll-rails').eq(i).addClass('your_class_name');

    // ...

});

CSS：

.nicescroll-rails.your_class_name div{
    background-color:red !important; /* for cursorcolor:"red" */
}

Answer 6

您可以使用 jquery 添加类：

var $scrollbar =  $(selector).niceScroll({});
$scrollbar.cursor.parent().addClass('nicescroll-cursor-parent');