Спасибо за урок! Позволю себе небольшое замечание. Как по мне, содержание начала ролика немного диссонирует с самой темой, потому что если человек до неё добрался, то наверняка уже знает как что сверстать и стилизовать. Вероятно этот момент можно было бы ускорить / пропустить Кстати, если кому надо, на реакте есть готовый плагин react-intersection-observer. Там достаточно удобный api.
Здравствуйте, спасибо за видео, но мне стало непонятно что делать если секции имеют разительно разную высоту. Я столкнулся с ситуацией что большинство секций очень маленький и попадают в область видимости полностью одновременно. Из-за чего активными ссылками становиться несколько, хотя хотелось бы что бы была только одна, принадлежащая верхней секции. При этом одна из секций довольно большая и по высоте выходит за пределы области видимости и может наполняться контентом в связи с чем получается ситуация, что для того что бы ссылка на большую секцию всегда была подсвечена нужно указать threshold ~ .1 , что опять же приводит к одновременному выделению ссылок на мелкие секции.
Это HTML5 API ( не часть стандарта ECMAScript) . Насколько понимаю первый черновик датирован 2017м годом www.w3.org/standards/history/intersection-observer
Если информация про javascript, то лучше заранее подготовить разметку и стили. Не терять время на это. В данном случае Вы бы сэкономили 5 минут нашего времени и своего.
Cупер наглядные 2 примера, спасибо за видео! 👍
Очень хороший урок! Спасибо! Понятно объясняете, приятный голос. Очень понравилось!
Спасибо!
как хорошо, что наткнулась на ваше видео. все понятно для меня наконец то 😅 спасибище!
Anastasia, круто!
Спасибо за урок!
Позволю себе небольшое замечание. Как по мне, содержание начала ролика немного диссонирует с самой темой, потому что если человек до неё добрался, то наверняка уже знает как что сверстать и стилизовать. Вероятно этот момент можно было бы ускорить / пропустить
Кстати, если кому надо, на реакте есть готовый плагин react-intersection-observer. Там достаточно удобный api.
Semyon, спасибо за конструктивное замечание! Я работаю над этим, но не всегда соблюдаю баланс.
пролистнуть или бегло посмотреть можно всегда, оставте
@@zakiro4277 можно, конечно, написать "оставте", а можно написать "оставьте". и для многих разница будет существенной.
Спасибо за видео. Все понятно и доступно! Уже смог реализовать у себя в проекте пару фич с IntersectionObserver =)
Рад, что был полезен)
годный контент, спасибо за то что делаете)
Спасибо) 👍
Урок огонь, доступное объяснение и примеры того как это можно использовать) лайк, коммент, подписка!
Игорь, спасибо)
Спасибо! Очень понятно объясняете
Урок, супер!
Полезное знание. Я его сам на коленке не раз реализовывал. )) Спасибо )
Спасибо за поддержку😊👍
Здравствуйте, спасибо за видео, но мне стало непонятно что делать если секции имеют разительно разную высоту. Я столкнулся с ситуацией что большинство секций очень маленький и попадают в область видимости полностью одновременно. Из-за чего активными ссылками становиться несколько, хотя хотелось бы что бы была только одна, принадлежащая верхней секции. При этом одна из секций довольно большая и по высоте выходит за пределы области видимости и может наполняться контентом в связи с чем получается ситуация, что для того что бы ссылка на большую секцию всегда была подсвечена нужно указать threshold ~ .1 , что опять же приводит к одновременному выделению ссылок на мелкие секции.
столкнулся с такой же проблемой и ищу решение)
А когда появился этот IntersectionObserver ?? с ES-6 ?
Это HTML5 API ( не часть стандарта ECMAScript) . Насколько понимаю первый черновик датирован 2017м годом www.w3.org/standards/history/intersection-observer
@@HtmllabRu ага, я тоже посмотрел спеку мозиллы. Оказывается, что этот Обзервер - всего лишь ЧЕРНОВИК на сегодняшний день)
2:30 а что за плагин используется для такого ввода c последующей генерацией разметки?
docs.emmet.io
Если информация про javascript, то лучше заранее подготовить разметку и стили. Не терять время на это. В данном случае Вы бы сэкономили 5 минут нашего времени и своего.
пасиб, а где ссылка на код?)
pastebin.com/58QMvYat
Спасибо. Добавил в описание 👍
Код рабочий, но объяснить как он работает и почему и не смогли.
Если хоть один человек понял что-то про сам observer из этого видео - я вас искренне поздравляю. Как по мне, видео абсолютно неинформативное
24:57 лучше сделать так:
a.classList.toggle('active', entry.isIntersecting)