Intersection Observer: два примера использования

[@anastasijavvo]

как хорошо, что наткнулась на ваше видео. все понятно для меня наконец то 😅 спасибище!

[@HtmllabRu]

Anastasia, круто!

[@murcha5899]

Очень хороший урок! Спасибо! Понятно объясняете, приятный голос. Очень понравилось!

[@HtmllabRu]

Спасибо!

[@АнтонСурыгин-ф9ж]

Спасибо за видео. Все понятно и доступно! Уже смог реализовать у себя в проекте пару фич с IntersectionObserver =)

[@HtmllabRu]

Рад, что был полезен)

[@Jmp3RR]

Спасибо! Очень понятно объясняете

[@nurjigitalymbekov1805]

годный контент, спасибо за то что делаете)

[@HtmllabRu]

Спасибо) 👍

[@whatsmyageagain91]

Cупер наглядные 2 примера, спасибо за видео! 👍

[@ИгорьКаршев]

Урок огонь, доступное объяснение и примеры того как это можно использовать) лайк, коммент, подписка!

[@HtmllabRu]

Игорь, спасибо)

[@yakut54]

Полезное знание. Я его сам на коленке не раз реализовывал. )) Спасибо )

[@HtmllabRu]

Спасибо за поддержку😊👍

[@danielasangulov6103]

Урок, супер!

[@StarkElessar]

24:57 лучше сделать так: a.classList.toggle('active', entry.isIntersecting)

[@ДмитрийНормов-ю6ц]

А когда появился этот IntersectionObserver ?? с ES-6 ?

[@HtmllabRu]

Это HTML5 API ( не часть стандарта ECMAScript) . Насколько понимаю первый черновик датирован 2017м годом www.w3.org/standards/history/intersection-observer

[@ДмитрийНормов-ю6ц]

@@HtmllabRu ага, я тоже посмотрел спеку мозиллы. Оказывается, что этот Обзервер - всего лишь ЧЕРНОВИК на сегодняшний день)

[@sliker602]

Здравствуйте, спасибо за видео, но мне стало непонятно что делать если секции имеют разительно разную высоту. Я столкнулся с ситуацией что большинство секций очень маленький и попадают в область видимости полностью одновременно. Из-за чего активными ссылками становиться несколько, хотя хотелось бы что бы была только одна, принадлежащая верхней секции. При этом одна из секций довольно большая и по высоте выходит за пределы области видимости и может наполняться контентом в связи с чем получается ситуация, что для того что бы ссылка на большую секцию всегда была подсвечена нужно указать threshold ~ .1 , что опять же приводит к одновременному выделению ссылок на мелкие секции.

[@ПавелЗуев-у3х]

столкнулся с такой же проблемой и ищу решение)

[@6sha-altyn]

Если информация про javascript, то лучше заранее подготовить разметку и стили. Не терять время на это. В данном случае Вы бы сэкономили 5 минут нашего времени и своего.

[@evgeniyprowork]

пасиб, а где ссылка на код?)

[@HtmllabRu]

pastebin.com/58QMvYat Спасибо. Добавил в описание 👍

[@artemkirkhmaier484]

Код рабочий, но объяснить как он работает и почему и не смогли.

[@alym.aleksey]

Если хоть один человек понял что-то про сам observer из этого видео - я вас искренне поздравляю. Как по мне, видео абсолютно неинформативное