Вернуться на предыдущую страницу

Как сделать свою красивую полосу прокрутки для сайта?

Если ты создаешь сайты, то часто сталкиваешься с такой проблемой, что в некоторых контейнерах появляется полоса прокрутки, которая часто очень вредит внешнему виду сайта и делает его менее привлекательным. Как быть?

Выход очень прост. Без использования библиотеки jQuery ты сможешь сделать свою полосу прокрутки для любой HTML-страницы. Её очень легко подключить и она занимает минимум места. Ты сможешь использовать даже изображения, которые можно подставить вместо стандартной полосы прокрутки на сайте.

1. Подключим стили:

<link href="/tutorsty.css" rel="stylesheet" type="text/css" />
<link href="/flexcrollstyles.css" rel="stylesheet" type="text/css" />

2. Подключение плагина:

<script type='text/javascript' src="/flexcroll.js"></script>

3. Использование:

<div id='mycustomscroll' class='flexcroll'>
<div class='lipsum'>
<p>ТЕКСТ/p>
</div>
</div>
FlexCroll полоса

Файлы FlexCroll полоса:

Скачать файл 1
DEMO