Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Проверяем виден ли элемент – IntersectionObserver

С первого взгляда это может быть не очевидно, но скорее всего этот метод создавался для того чтобы помочь рекламным объявлениям считать просмотры. Конечно разработчики браузеров понимают на чем сайты зарабатывают и заинтересованы в том, чтобы облегчить жизнь рекламщикам. Вместе с тем, разумеется что этот API легко может быть задействован и для других целей. Поэтому не будем долго задерживаться на причинах и исторических предпосылках, а нырнем сразу в спецификацию.

intersectratio-intersection-observer

IntersectionObserver дает информацию не только о том виден ли элемент или нет, но и насколько он виден. Таким образом можно экономить время работы браузер и запускать скрипты, когда пользователь только проскроллил до нужного элемента, а не начинать работу прямо после загрузки страницы.

Применений этой технологии масса, не только для рекламщиков, которых я уже упомянул:

Ссылки по теме:

Поделиться:
comments powered by Disqus