2014-02-20 3 views
0

Я использую nicescroll в своем приложении. я dedined каккак добавить класс для 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.

+0

Я не думаю, что CSS имеет те свойства, те только Paramenters данные для 'niceScroll method' – Spokey

ответ

0

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

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

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

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

See Docs

+0

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

0

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

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

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

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

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

var $scrollbar = $(selector).niceScroll({}); 
$scrollbar.cursor.parent().addClass('nicescroll-cursor-parent'); 
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'); 
Смежные вопросы