Научимся создавать плавную навигацию по странице (Landing Page), плавный скролл до нужного блока, реализуем кнопку "Наверх" с помощью jQuery плагина PageScroll2id. Данный плагин имеет множество настроек и умеет подсвечивать активные пункты меню.
Архив start_html: На GitHub
Страница плагина 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
Другие уроки по теме «Инструменты»
- Настройка Parcel для веб-разработки
- Tailwind CSS для начинающих. Подробный урок по подключению, настройке и использованию
- Настройка VS Code для веб-разработки
- Starter - Простой стартер для веб-разработки
- Урок по хостингу от А до Я. Сайты, базы, домены, SSL, SSH, sFTP
- Gulp - Актуальное и исчерпывающее руководство для самых маленьких