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

你做不到，但你可以试试

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

Answer 3

您可以使用：

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

<强> See Docs

Answer 4

尝试以下代码适用于

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

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

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

如何为nicescroll附加类

6 个答案: