Скролл бар використовується не тільки на веб сторінках але і в окремих формах, тому його форма і розмір яких багато важать. Та й з гарним дизайном поєднуватися стандартна панель прокрутки не буде. Найпростіше рішення даної проблеми - це стилізувати стандартний скролл засобами css3. Обмеження даного способу в тому, що він працює тільки в браузерах використовують webkit
Ось приклад HTML коду для роботи:
Розглянемо докладніше кожен елемент
:: - webkit-scrollbar-track - Задає для трека скругление країв в 4px
:: - webkit-scrollbar - Ширина скролла 6px
:: - webkit-scrollbar-thumb - Задає колір і радіус заокруглення в трека
: Hover :: - webkit-scrollbar-thumb - При наведенні на блок змінює колір трека
Результатом даного коду буде такою скроллбар
Багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці багато тексту в маленькому блоці