Прокрутка стилей в браузере

Question

Я видел это годами ранее, но поскольку он не получил широкой поддержки, веб-сайты отказались от его использования.

В настоящее время я занимаюсь разработкой веб-сайта, на котором будут иметься полосы прокрутки, и мне интересно, есть ли в CSS2 какие-либо спецификации по оформлению полос прокрутки браузера, поскольку цвета по умолчанию не подходят. Если спецификация отсутствует, любая ссылка на конкретное поведение браузера приветствуется.

Если на нем нет спецификации CSS, мне придется полагаться на пользовательскую сгенерированную полосу прокрутки, используя JS. Ссылки на то, как построить один также приветствуется.

Answer 1

Я цитирую себя из этой темы , поскольку она связана:

С точки зрения удобства использования, изменение полос прокрутки не требуется. Пользователь знаком со своей операционной системой и визуальной средой, которую он предоставляет. Изменение этого фактора создает путаницу, особенно среди тех, кто плохо знаком с использованием компьютеров, стариков и т. Д.

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

Хотя об этом еще нужно подумать. Рассмотрите свою аудиторию. И что бы вы ни делали, убедитесь, что это действительно работает на всех платформах / во всех браузерах, если вы используете собственную полосу прокрутки.

Answer 2

Решение JavaScript можно найти по адресу http://www.hesido.com/web.php?page=customscrollbar. Обратите внимание, что вы должны заплатить за это, но даже если вы не хотите идти по этому пути, он показывает, что возможно.

В противном случае также доступны решение jQuery и решение прототипа .

Answer 3

WebKit поддерживает другой механизм .

Answer 4

Вы можете сделать это так:

<style>
body {
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
}
</style>

но работает только в Internet Explorer и Opera (спасибо, Жюльен!). И вы можете использовать разные цвета. 8 -)

Answer 5

Я не удосужился попробовать эти решения, но они выглядят очень многообещающе и, как утверждается, хорошо деградируют.

Это будет мой первый выбор
http://www.hesido.com/web.php?page=customscrollbar

http://www.n -son.com / скрипты / jsScrolling / новый / example5.html

Answer 6

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

также, как сказал arve systad, менять такие базовые виджеты ОС не стоит, хотя следует помнить и о смене кнопок.