WebDesign Master
Курсы
Плавный скролл до блока, навигация по странице и кнопка Наверх

Плавный скролл до блока, навигация по странице и кнопка Наверх

Научимся создавать плавную навигацию по странице (Landing Page), плавный скролл до нужного блока, реализуем кнопку "Наверх" с помощью jQuery плагина PageScroll2id. Данный плагин имеет множество настроек и умеет подсвечивать активные пункты меню.

Плавный скролл до блока, навигация по странице и кнопка Наверх - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Архив 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

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Инструменты»

  • Настройка VS Code для верстки
  • Simple Starter - простой стартер для верстки | Материалы урока
  • Windows 11: Делаем вкладки в проводнике. Настройка QTTabBar от А до Я
  • Хостинг от А до Я: Сайты, базы, домены, SSL, SSH, sFTP, перенос, деплой, секреты, лайфхаки
  • Gulp 4 - Актуальное и исчерпывающее руководство для самых маленьких
  • Актуальный способ установки и настройки окружения Windows WSL 2 (Windows Subsystem for Linux)

Разделы сайта:

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Вёрстка
  • CMS

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp 4
2023 © WebDesign Master