Событие при докрутке до блока на странице

Question

Существует обычная html страница: У нее несколько секций,

Нужна функция которая отслеживала бы событие скролла к блоку с id="about". Когда срабатывает событие выводиться в консоль какой нибудь текст типа: console.log('yes');

Answer 1

var test = document.getElementById('test');

window.addEventListener('scroll', function() {
  if (window.scrollY >= test.offsetTop - test.offsetHeight) console.log('yes');
})

body{
  margin: 0;
}

section{
  width: 100%;
  height: 320px;
  background-color: var(--c);
}

<section style="--c: red">
</section>
<section style="--c: blue">
</section>
<section style="--c: green">
</section>
<section style="--c: yellow">
</section>
<section  style="--c: orange" id="test">
</section>

БЛОГ НА HUSL

Событие при докрутке до блока на странице

Ответы (1 шт):