Могу ли я стиль / изменить / удалить полосы прокрутки прокручиваемого div

Question

Есть ли способ стилизовать, изменить или удалить полосы прокрутки прокручиваемого HTML-элемента div?

Answer 1

Я полагаю, что ваш единственный вариант - полностью удалить полосы прокрутки с помощью CSS.

#your_div {
    overflow: hidden;
}

Сами полосы прокрутки - это «вещь браузера», и поэтому их нельзя стилизовать.

---

РЕДАКТИРОВАТЬ: Если вы хотите использовать «поддельные» полосы прокрутки - то есть, они не являются реальными полосами прокрутки браузера, это HTML-элемент, созданный с помощью Javascript / jQuery, которые работают «как» полосы прокрутки- затем вы можете использовать Jscrollpane .

Прокрутка выглядит удивительно плавной и приятной, но я бы немного подумал о том, как она может работать в более новых средах - например, с сенсорным интерфейсом.

Демонстрации JScrollpane .

Answer 2

10 jQuery Пользовательские плагины полосы прокрутки

Answer 3

Полосы прокрутки можно стилизовать, используя css: Стили полосы прокрутки с помощью css

И / или с помощью JavaScript: Стили полосы прокрутки с помощью JavaScript

Answer 4

Существуют только стили CSS с полосой прокрутки в IE:

scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color