Главная » Статьи » Прочее

Самый Простой и кроссбраузерный способ стилизовать полосу прокрутки

Посмотрите ДЕМО

Здесь вы будем использовать Псевдоэлмент ::scrollbar
В CSS
Код
::-webkit-scrollbar {background:#DEDEDE; width:7px;
  !important; }
::scrollbar {background:#DEDEDE; width:7px;
  !important; }
::-ms-scrollbar {background:#DEDEDE; width:7px;
  !important; }
::-o-scrollbar {background:#DEDEDE; width:7px;
  !important; }
::-webkit-scrollbar-button {  
   
}
::-webkit-scrollbar-track { /* 3 - трек */ }
::-webkit-scrollbar-track-piece { /* 4 - видимая часть трека */ }
::-webkit-scrollbar-thumb {background:#7A7A7A; border-radius:10px;width:7px
  !important ; }

::-o-scrollbar-thumb {background:#7A7A7A; border-radius:10px;width:7px
  !important ; }
::-ms-scrollbar-thumb {background:#7A7A7A; border-radius:10px;width:7px
  !important ; }
::-webkit-scrollbar-corner { /* 6 - уголок */ }
Категория: Прочее | Добавил: slavick (12.09.2013)
Просмотров: 610 | Теги: стилизовать, полосу, простой, Самый, способ, кроссбраузерный, прокрутки | Рейтинг: 1.2/4
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]