Как сделать выполнение скрипта при прокрутке к определенному div-у, на Javascript?

Question

[sda9sd8af8]

везде примеры только на jquery

jsfiddle.net/te2wpams

Answer 1

[Чипекве]

Вешаешь обработчик на событие scroll для window.

Внутри проверяешь значение https://developer.mozilla.org/ru/docs/Web/API/Elem... top или bottom для нужного элемента и запускаешь скрипт.

Comments

[sda9sd8af8]

а примера нету нормального,?

Answer 2

[koxac]

https://developer.mozilla.org/ru/docs/Web/API/Inte...
на сколько помню если entry.isIntersecting == true, то тогда объект видимый

Comments

[sda9sd8af8]

где?

[koxac]

sda9sd8af8, там в примере
полный пример будет выглядить так

var options = {
    root: document.querySelector('#scrollArea'),
    rootMargin: '0px',
    threshold: 1.0
}
var callback = function(entries, observer) { 
entries.forEach(entry => {
        if (entry.isIntersecting) {
alert('Visible');
}
    });
};
var observer = new IntersectionObserver(callback, options);