Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Цвет скролла в браузерах

Цвет скролла в браузерах


     07.04.2012    Все вопросы » Стили (CSS)    5721

вопрос
Наткнулся на сайт http://www.kamsha.ru/
Если открыть сайт в IE, то вертикальные полосы прокрутки зелёные. Это понятно, в стилях имеются нестандартные свойства:
BODY {scrollbar-face-color: #2B6824; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #41A734; scrollbar-3dlight-color: #3F9934; scrollbar-darkshadow-color: #2A5F23; scrollbar-track-color: #317329; scrollbar-arrow-color: #222222; font-family:Times New Roman;}
Вся фишка в том, что в Опере полосы прокрутки тоже зелёные.

Просто скопировать стили и вставить их в свой css-файл - не получается (то есть скопировать получается, но прокрутка не выглядит зелёной). Более того - даже если сохранить указанную страничку в mht и открыть её оффлайн в опере - полосы прокрутки становятся стандартными.

Вопрос - каким образом это реализовано?? Как сделать цветной скроллбар в Опере?

Ответил: Nick


Как сделать цветной скроллбар в Опере?

<style>
body{
scrollbar-face-color: gray;
        scrollbar-arrow-color: black;
        scrollbar-highlight-color: #fffbf0;
        scrollbar-3dlight-color: gray;
        scrollbar-shadow-color: #fffbf0;
        scrollbar-darkshadow-color: red;
        scrollbar-track-color: #ccc;
}
</style>
<script>
function selectCode(f){
document.forms[f].elements[0].focus();
document.forms[f].elements[0].select();
}
function changeScrollbarColor(C){
  if (document.all){
    document.body.style.scrollbarBaseColor = C
  }  
}
</script>


Вообще, все эти scrollbar css фичи поддерживаются только IE.

Если в Opera у вас получится изменить цвет Scroll Bar'а, то в firefox такое не прокатит. Там надо разбираться с альтернативными видами решений, например, http://jscrollpane.kelvinluck.com/ . Но это того не стоит.

2 комментария

Sander
PHP-developer

Sander - 8 апреля 2012 16:28 -

Берется jquery скрипт scroll бара и адаптируется для прокрутки страницы.
Минимальные требование:
- хорошее базовое знание html;
- хорошее знание JS и jquery в частности.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Mufasa
Юзер

Mufasa - 8 апреля 2012 22:54 -

Спасибо. Цель была не столько сделать такое, а понять, почему там работает, а у меня - нет.
Оказалось, что дело в том, что на указанном сайте не прописан DOCTYPE. Если прописать его, тогда скроллбар в Опере приобретает дефолтный вид, а если не прописывать - то скроллбар цветной.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх