​#javascript Сложные вещи — проще с Intersection Observer In | фронт.ру

​#javascript

Сложные вещи — проще с Intersection Observer

Intersection Observer API - позволяет отслеживать, когда элемент на странице пересёк наш вьюпорт. Иными словами мы можем отследить момент появления блока в видимой части страницы. Это позволяет делать следующее:

ленивая загрузка картинок или другого контента
анимация по скроллу
индикатор просмотра страницы или активной вкладки якорного меню
запуск и остановка видео при скролле
бесконечная прокрутка

Это простая и крутая апишка нативного JavaScript.
И вот хороший обзор на нее! В видео обозревается технология и реализовано многое из перечисленного выше!