Скпроллбар – это горизонтальная или вертикальная полоса прокрутки, элемент управления интерфейса, формы, веб-страницы и т д. Выполнен в форме полосы с «ползунком», при помощи которого можно быстро перемещаться к нужной информации, части картинки и т д, открывая ту часть интерфейса или веб-страницы, которая не поместилась в видимой части экрана. Обычно скроллбар расположен в правой нижней части экрана.
Пример скролла:
Как сделать свой скролл?
Всё очень просто.
Заходим в css. В любое место вставляем код:
Код
::-webkit-scrollbar{width: 10px;height: 5px;}
::-webkit-scrollbar-track-piece{background-color: #222;-webkit-border-radius: 5px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #333;-webkit-border-radius: 5px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #666;-webkit-border-radius: 5px;}
Как изменить вид? Всё так же просто. У нас есть несколько параметров. Рассмотрим их.
width - отвечает за размер в ширину.
height - длина.
background-color - цвет фона.
-webkit-border-radius - закругление.