Как сделать красивую полосу прокрутки на веб-странице HTML

Question

Я видел, что на некоторых веб-страницах есть очень хорошая полоса прокрутки, когда элемент div переполняется. Это не значение по умолчанию и выглядит как полосы прокрутки в iPhone. Хороший пример - твиттер, когда вы нажимаете на кого-то, чтобы увидеть больше информации.Я не уверен, что я это ясно выражаю ...

У меня есть div для отображения на моей странице, и он может переполниться, и когда это произойдет, я хочу иметь красивую полосу прокрутки, а непо умолчанию. Кто-то знает, как это сделать? Или есть какой-то проект с открытым исходным кодом, который я могу использовать?Большое спасибо!

Answer 1

В эти дни для пользовательских полос прокрутки доступны сотни вариантов.

Вот список некоторых из самых популярных плагинов jQuery для создания пользовательских полос прокрутки:

10 Подключаемые модули jQuery Custom Scrollbar

Обычно они так же просты, как присвоение класса элементу div, а затем вызов функции плагина при загрузке:

<div class="myscrollingdiv" style="overflow:scroll; height:200px;"></div>

$(function(){
   $(".myscrollingdiv").jScrollPane();
});

http://jscrollpane.kelvinluck.com/