Научимся создавать плавную навигацию по странице (Landing Page), плавный скролл до нужного блока, реализуем кнопку "Наверх" с помощью jQuery плагина PageScroll2id. Данный плагин имеет множество настроек и умеет подсвечивать активные пункты меню.
Архив start_html: agragregra/start_html
Страница плагина PageScroll2id на GitHub: malihu/page-scroll-to-id
Последнюю минифицированную версию плагина можно взять из директории "github.com/malihu/page-scroll-to-id/tree/master/js/minified/" на GitHub.
Внимание! Для выполнения данного урока можно взять стартер "_clean_html" из архива "start_html" и работать с ним, как было показано в видеоуроке. Некоторые нужные плагины уже подключены в данном стартере.
Премиум уроки от WebDesign Master
Другие уроки по теме «Инструменты»
- Настройка VS Code для верстки
- Simple Starter - простой стартер для верстки | Материалы урока
- Windows 11: Делаем вкладки в проводнике. Настройка QTTabBar от А до Я
- Gulp include на стороне сервера Browsersync + Build
- OptimizedHTML 5: Важные обновления стартера для JS-разработки
- Gulp 4 - Актуальное и исчерпывающее руководство для самых маленьких