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 от А до Я
  • Gulp include на стороне сервера Browsersync + Build
  • OptimizedHTML 5: Важные обновления стартера для JS-разработки
  • Gulp 4 - Актуальное и исчерпывающее руководство для самых маленьких

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

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODX
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

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

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