JS-плагины №9. Кастомный скролл для сайта - simplebar.js
Плавный скролл на jQuery
Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. <button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<div>Секция 1</div>
<div>Секция 2</div>
<div>Секция 3</div>
<div>Секция 4</div> Стили Создадим внутренние отступы — padding и установим серый фон для каждой второй секции для визуального разделения. .section {padding: 70px 0;}.
section:nth-child(2n) {background-color: #eee;} Что получилось Интерактив В jQuery создаем событие клика на кнопку, предварительно проставив классы с префиксом js-...
Как стилизовать скролл-бар, используем только CSS
Народ, всем привет. Сегодня у нас тема больше для программистов, особенно начинающих. А именно, как можно стилизовать скролл. Кто не помнит, это такая полосочка прокрутки справа или слева страницы или любого блока. Причем стилизовать мы его будем не за счет каких-то плагинов, а по большей части, библиотек, UI-компонентов и прочего на JS, а просто за счет CSS. Вариантов там немного, но все же немного подправить стандартный «серый» скролл можно. Но, самое важно, что нужно понять – стилизовать скролл самой страницы не нужно, это считается плохим тоном, да и вообще, выглядит убого...