Как изменить цвета полосы прокрутки браузера с помощью CSS?

Question

Со страницы Google Results примеры, которые я видел, работали только в IE и один случай в Opera.

Есть ли способ сделать это единообразно во всех браузерах?

Кроме того, есть ли разница между главной полосой прокрутки браузера (которая появляется на всей странице) и полосой прокрутки в текстовой области внутри страницы? Могу ли я манипулировать только последним, если не первым?

Answer 1

Вы можете создать свои собственные полосы прокрутки в пределах страницы, используя комбинацию CSS и JavaScript. Смотри https://stackoverflow.com/questions/780674/scroll-bar-with-images.

Тем не менее, рендеринг полосы прокрутки за пределами страницы до браузера.

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

РЕДАКТИРОВАТЬ : Похоже, что MooScroll имеет удалось «заменить» главную полосу прокрутки браузера, сказав, что прокручивать нечего, а затем создать собственную полосу прокрутки в самой правой части окна. Умно!

Steve

Answer 2

Стив получил хороший ответ, но позвольте мне продолжить.

В IE 5.5-7 (но я думаю, что они избавляются от этого в 8), вы можете стилизовать полосы прокрутки с помощью некоторых собственных свойств MS CSS. Я бы не рекомендовал это.

Стив упоминает, что полоса прокрутки за пределами страницы до браузера. Хотя это и правда, вы можете подделать его, установив элемент body в overflow: hidden, а затем поместив огромный контейнер в HTML с height: 100%; width: 100%.

Я бы не советовал вам касаться полос прокрутки пользователя. Это хорошо известное соглашение, и они быстро распознаются конечным пользователем. Они знают, как использовать стандартные полосы прокрутки в ОС, а не вашу быструю попытку кросс-браузерной реализации CSS / JS. Я думаю, что это был Стив Круг, который сказал: «Не заставляй меня думать!»

Вы когда-нибудь видели Flash-сайты, которые прокручивали свои собственные полосы прокрутки? тьфу!

Answer 3

Короткий ответ №.

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

Answer 4

Кросс-браузерный метод отсутствует.