Стилизация скроллбара

Web
#1

Всем привет.
Хочу стилизовать скролл и вот возник вопрос как лучше сделать. Пробовал через CSS сделать и проблемой оказалась этого варианта плохая кроссбраузерность. Получилось сделать при помощи JS и тут не понимаю как к body привязать сделать.

Пробовал с JS вот этот вариант
PS указал ссылку, а не код из-за того что слишком большой он

#2

Так же, как в демо?

<body>
    <div class="wrapper scrollbar-dynamic">

$('.wrapper').scrollbar();

Возможно с $('body') тоже сработает если очень надо.

#3

Я имел виду body как элемент, а не стиль. (Возможно просто вы случайно точку поставили). Так вот пробовал и в < script >…</ script > прописать body и в CSS изменить, и даже к тегу добавлял класс и всё равно не работает =(

#4

Я продолжил поиск и нашел jquery.nicescroll и вроде бы пока всё работает как надо.

#5

Здравствуйте.
После не продолжительных поисков нашёл ещё на один плагин для скролла это mCustomScrollbar. Работает хорошо. Вот только столкнулся с одной проблемой, а именно:
Есть блок div

<div class="one"></div>

Этот блок div выводится в другом блоке

<div class="two"></div>

Вывод осуществляется при помощи jquery

$(".two").html($(this).find(".one").html());

При подключении скролла к блоку <div class="one"> он становится не видимым и прокрутка не работает.
Как правильно подключить этот скролл, что бы он заработал?

#6

А как он подключается?
Подключение происходит после вывода?

#7

в head у меня прописан всё что связано с mCustomScrollbar и по классу scroll делается подключение там где мне это нужно

далее идет

<div class="two"></div>

<div class="one scroll"></div>

<script>$(".two").html($(this).find(".one").html());</script>

в таком порядке делал

#8

Задача решена =)
Я блок div class=“two” просто обернул еще в один блок div и задал ему class scroll. Сначала не чего не получилось и не заработало, НО после не большого исследования было понятно, что блок которым обернул div class=“two” имеет большую высоту в стилях не много подправил и всё встало на свои места.
Alex P. спасибо за помощь. Как всегда ++++++++++ тебе в карму.

#9

Я о том, что скролбар скорее всего добавляется на существующие в момент инициализации скролбара элементы.

Но если он инициализируется как в примере из его документации, в on('load'

    $(window).on("load",function(){
        $(".content").mCustomScrollbar();
    });

то тут видимо всё ок.