893 читали · 4 года назад
Что такое Codepen и зачем он нужен
Это онлайн-сервис, с его помощью можно сразу в браузере писать HTML, CSS и JavaScript код, подключать разные библиотеки и сразу видеть результат. Ещё здесь можно найти готовый код различных веб-компонентов, посмотреть, как они сделаны другими веб-разработчиками...
06:44
1,0×
00:00/06:44
359,9 тыс смотрели · 3 года назад
5 лет назад
Плавный скролл на 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-...