WOW, как сделать что бы скрипт начал работу когда секция в зоне видимости?

Question

[DeniSidorenko]

Добрый день, такой вопрос, каким образом сделать что бы скрипт отработал когда секция в зоне видимости. Я раньше использовал для этого Waypoint.js но на текущем проекте уже есть wow. Может как то удастся с помощи него. Условия такая, если секция с id='sec3' в зоне видимости запустить скрипт( К примеру console.log() )

Answer 1

[Константин]

<div id='id1' style='height: 200px; background-color: red'></div>
<div id='id2' style='height: 200px; background-color: blue'></div>
<div id='id3' style='height: 200px; background-color: green'></div>

let block = document.getElementById('id1');

let blockEvent = block.getBoundingClientRect().bottom + window.pageYOffset;

window.onscroll = function() {
  if (window.pageYOffset > blockEvent) {
    console.log('it works!');
  }};