как добавить класс для nicescroll

Question

как добавить класс для nicescroll

0

Я использую 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.

steve 20 фев. 2014, в 11:28

Источник

0

Я не думаю, что CSS имеет эти свойства, это только параметры, заданные для niceScroll method
Spokey 20 фев. 2014, в 09:39

Теги:

javascript

jquery

nicescroll

6 ответов

Ещё вопросы

Я не думаю, что CSS имеет эти свойства, это только параметры, заданные для niceScroll method

besabestin · Answer 1 · 2015-10-05T07-33-00.000Z

Когда вы сталкиваетесь с подобными проблемами, вы можете распечатать весь объект в инспекторе и посмотреть, что вы можете использовать (используя console.log(nice)). Итак, вот мое решение

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

Awesome · Answer 2 · 2015-07-03T09-02-00.000Z

Вы можете добавить класс с jquery:

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

Laguna Web Design · Answer 3 · 2015-03-04T22-53-00.000Z

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" */
}

Milind Anantwar · Answer 4 · 2014-02-20T08-25-00.000Z

Вы можете использовать:

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

См. Документы

Я определил только так, но я не хочу реализовывать так

Deo · Answer 5 · 2014-02-20T07-56-00.000Z

попробуйте ниже код будет работать для

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

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

rajesh kakawat · Answer 6 · 2014-02-20T07-13-00.000Z

вы не можете этого сделать, но можете попробовать

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