Как обратиться к блоку, который в поле видимости?

Question

[del993788]

Здравствуйте. Хочу реализовать появление блоков при прокрутке через GSAP. Подскажите, как можно обратиться к блокам, которые находится в поле видимости?

https://jsfiddle.net/drkrol/yvduhk28/5/

Comments

[Алексей Ярков]

qqignatqq, если Вам помог ответ, то отметьте его решением, пожалуйста.

Answer 1

[0xD34F]

Intersection Observer

например

Answer 2

[del993788]

https://jsfiddle.net/j40wkr7b/

const Observer = new IntersectionObserver((entries, imgObserver) => {
    entries.forEach((e, i) => e.isIntersecting && onVisible(e.target, i) )
},{ threshold: 0.5 }); 
 
document.querySelectorAll('.IseeYou').forEach(e => Observer.observe(e) );  //

const onVisible = (elm, i) => {  

	TweenMax.to(elm, 3, { opacity: 1, delay: i*0.2})

};