Недавно мне пришлось сделать Scrollspy для моего личного веб-портфолио. Я хотел использовать Intersection Observer, так как сейчас он широко поддерживается. К сожалению, это не так просто, и в Интернете не так много говорится о том, как заставить его работать. Итак, я решил написать небольшую статью, чтобы помочь другим, ищущим то же самое. Scrollspy - это механизм навигации, используемый Bootstrap . Согласно документам, Прокрутка Автоматически обновляйте компоненты..

Наблюдатель на перекрестке? Что !? Звучит страшно! В этом посте я хочу объяснить свое путешествие и пример использования Intersection Observer. Я также дам вам краткий обзор того, как вы можете начать работу. Как сказано в спецификации… Intersection Observer API предоставляет способ асинхронно наблюдать изменения в пересечении целевого элемента с элементом-предком или с окном просмотра документа верхнего уровня. Этот новый веб-API позволяет вам проверять, можете ли вы..