how to append class for nicescroll

Question

I am using nicescroll in my application. I have dedined like

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

but I don't want to give the styles as above. I want to apply these using a class.For that I have implemented like

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

and

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

but is not working,tell me how to apply stylings with a class for nicescroll.

I don't think CSS has those properties, those are only paramenters given for the `niceScroll method` — Spokey, Feb 20 '14 at 09:39

score 2 · Answer 1 · answered Oct 05 '15 at 09:45

When facing problems of the kind you can print the whole object in inspector and see what you can use (using console.log(nice)). So here is my solution

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

score 0 · Answer 2 · answered Feb 20 '14 at 09:42

0

you can't do that but you may try

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

answered Feb 20 '14 at 09:42

rajesh kakawat

10,826
1
21
40

score 0 · Answer 3 · answered Feb 20 '14 at 09:48

0

You can use:

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

See Docs

answered Feb 20 '14 at 09:48

Milind Anantwar

81,290
25
94
125

I have defined like this only,but I don't want to implement like this – steve Feb 20 '14 at 09:49

score 0 · Answer 4 · edited Oct 13 '15 at 15:09

0

try below code will work for

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

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

edited Oct 13 '15 at 15:09

pbaris

4,525
5
37
61

answered Feb 20 '14 at 10:09

Deo

82
5

score 0 · Answer 5 · answered Mar 05 '15 at 00:37

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

score 0 · Answer 6 · answered Jul 03 '15 at 11:22

0

You can add class with jquery:

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

answered Jul 03 '15 at 11:22

Awesome

1
1

how to append class for nicescroll

6 Answers6