JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API)
Привет! В этом видео я покажу, как реализовать подсветку активного пункта меню при скролле. Будем использовать IntersectionObserver API.
https://codepen.io/MaxGraph/pen/eYjjMMG - готовый код
Понравилось? https://clck.ru/Gr9Ec
Поддержать канал: boosty.to/maxgraph
Моя страница вконтакте: vk.com/maxdenaro
Мой блог: blog.maxgraph.ru
Карта канала: blog.maxgraph.ru/ytmap/
Яндекс.Дзен: zen.yandex.ru/maxgraph
Мой сайт: maxgraph.ru
Канал в телеграм: t.me/maxgraph
Чат для верстальщиков: t.me/maxgraph_chat
#ityoutubersru #js_решения #js
Видео JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API) канала MaxGraph - cайты как страсть
https://codepen.io/MaxGraph/pen/eYjjMMG - готовый код
Понравилось? https://clck.ru/Gr9Ec
Поддержать канал: boosty.to/maxgraph
Моя страница вконтакте: vk.com/maxdenaro
Мой блог: blog.maxgraph.ru
Карта канала: blog.maxgraph.ru/ytmap/
Яндекс.Дзен: zen.yandex.ru/maxgraph
Мой сайт: maxgraph.ru
Канал в телеграм: t.me/maxgraph
Чат для верстальщиков: t.me/maxgraph_chat
#ityoutubersru #js_решения #js
Видео JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API) канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Информация о видео
31 января 2023 г. 16:00:07
00:09:36
Другие видео канала
№6. Создание Яндекс.карты на сайте. Фильтрация меток на карте
Разбор ваших работ по верстке онлайн. Советы по верстке. №35
Верстаю сайт в прямом эфире. Часть 2. Отвечаю на ваши вопросы
Кому нужна платная фигма, когда есть это? Плагин Inspect Styles
Разбор ваших работ по верстке онлайн. Советы по верстке. №34
Figma Dev Mode. Новые фишки, мое мнение, и что нам делать дальше
Правильный порядок состояний (focus, hover, active) для элементов
Как сверстать сайт по макету. Пошаговый план
Разбор ваших работ по верстке онлайн. Советы по верстке. №33
Единицы измерения CSS. Px, em или rem - что использовать?
Назначение HTML-тегов в верстке №5. Теги картинок, ссылок, списков и интерактива
Мой новый проект для развития навыков верстки - verstaem.online
Назначение HTML-тегов в верстке №4. Теги форм
Адаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет Recidiviz
Разбор ваших работ по верстке онлайн. Советы по верстке. №32
Назначение HTML-тегов в верстке №3. Семантические теги
Разбор ваших работ по верстке онлайн. Советы по верстке. №31
Разбор тега picture. Для чего нужен, синтаксис, примеры
Назначение HTML-тегов в верстке №2. Теги форматирования
Назначение HTML-тегов в верстке №1. Базовые теги
Простая адаптивная флекс-сетка с помощью calc