JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API)

Автор: MaxGraph - cайты как страсть

Загружено: 2023-01-31

Просмотров: 7038

Описание:

Привет! В этом видео я покажу, как реализовать подсветку активного пункта меню при скролле. Будем использовать 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)

Доступные форматы для скачивания:

Скачать видео mp4

Информация по загрузке:

Скачать аудио mp3

Похожие видео

Простые решения для сложных задач с Intersection Observer API

Простые решения для сложных задач с Intersection Observer API

JS-решения №21. Создаем свой плагин для табов

JS-решения №21. Создаем свой плагин для табов

Выделение активного пункта меню на JS

Выделение активного пункта меню на JS

Intersection Observer лёгкий пример

Intersection Observer лёгкий пример

JavaScript фишки

JavaScript фишки

Подсветка активного пункта меню при скролле. Используем IntersectionObserver.

Подсветка активного пункта меню при скролле. Используем IntersectionObserver.

Learn Intersection Observer in 10 Minutes

Learn Intersection Observer in 10 Minutes

Intersection Observer. Практика на простом примере.

Intersection Observer. Практика на простом примере.

ООП На Простых Примерах | Объектно-Ориентированное Программирование

ООП На Простых Примерах | Объектно-Ориентированное Программирование

JS-решения №24. Превращение блоков в слайдер (swiper.js) при ресайзе. Универсальная функция

JS-решения №24. Превращение блоков в слайдер (swiper.js) при ресайзе. Универсальная функция

Продвижение в Покровске, Гренландия уводит Европу, Долина: финал. Эггерт, Давлетгильдеев, Шепелин

Продвижение в Покровске, Гренландия уводит Европу, Долина: финал. Эггерт, Давлетгильдеев, Шепелин

JS-решения №29. Создаем свой плагин для кастомного селекта

JS-решения №29. Создаем свой плагин для кастомного селекта

AmneziaWG: Убийца платных VPN? Полный гайд по настройке. Нейросети без VPN. ChatGPT, Gemini обход

AmneziaWG: Убийца платных VPN? Полный гайд по настройке. Нейросети без VPN. ChatGPT, Gemini обход

Правда про крипту. Сколько я потерял за 6 лет в крипте.

Правда про крипту. Сколько я потерял за 6 лет в крипте.

Николай Платошкин про планы Трампа на Гренландию

Николай Платошкин про планы Трампа на Гренландию

Learn Intersection Observer In 15 Minutes

Learn Intersection Observer In 15 Minutes

JS-решения №12. Базовая анимация при скролле на чистом JS

JS-решения №12. Базовая анимация при скролле на чистом JS

Священная ВОЙНА редакторов кода - Vim против Emacs

Священная ВОЙНА редакторов кода - Vim против Emacs

JS-решения №25. Простое переключение страниц без перезагрузки (Ajax)

JS-решения №25. Простое переключение страниц без перезагрузки (Ajax)

Слайдер SWIPER. Подробный курс. Подключение настройка примеры.

Слайдер SWIPER. Подробный курс. Подключение настройка примеры.