Как создать пользовательские полосы прокрутки во всех браузерах?

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

<style type="text/css">  
<!--
BODY
{
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #FF99FF;
    scrollbar-track-color: #FFCCFF;
}
-->
</style>

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

Существует способ создания полупрозрачных div/box, которые работают во всех браузерах в наши дни со специальными скриптами, поэтому было интересно, было ли такое решение для полос прокрутки?

Спасибо!

Ответы

Ответ 1

Здесь есть несколько плагинов, которые работают для всех браузеров:

• http://jscrollpane.kelvinluck.com/
• http://www.hesido.com/web.php?page=customscrollbar
• http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/

Ответ 2

scrollbar не является стандартом CSS. В Chrome или Safari (WebKit) вы можете использовать расширение с префиксом -webkit- Подробнее здесь.

FireFox не поддерживает стиль прокрутки.

Возможно, вы можете поддерживать этот эффект только в браузерах IE и WebKit или использовать библиотеки JavaScript, как сказал Iwo Kucharski.

Ответ 3

Эти атрибуты просто не будут работать за пределами Internet Explorer. Это несколько причудливая смесь Microsoft, которая никогда не была в стандарте.

Если вы хотите подделать его, вам понадобится Javascript. Я не думаю, что чистый CSS даст вам эффект.