Изменение скролла

Дата27 Июл 15 в 17:56
Категория Дизайн сайта

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

Всё что вам нужно, это в стиль сайта (CSS) вставить следующий код:

Код

::-webkit-scrollbar-button {background-image:url('');background-repat:no-repeat;width:5px;height:0px} /*---Высота отступов и ширина дорожки---*/
::-webkit-scrollbar-track {background-color:#fff;} /*---- фон дорожки скролла---*/
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px;background-color:#47a3da;} /*--- фон скролла и его закругления---*/
::-webkit-scrollbar-thumb:hover{background-color:#999;} /*--- это отвечает за ховэр эффект фона ховера ---*/
::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:5px;height:1px} /*---тут тоже ширина---*/
::-webkit-scrollbar{width: 5px;} /*---Основная ширина скроллбара---*/

Вроде мелочь а глазам приятно. Используйте все возможности этих стилей. Спасибо за внимание.