Как правильно реализовать такой код JS?

Question

[RushV]

Здравствуйте!
Как проверить при прокрутке видимость блока?
Если блок div появился в поле зрения то отобразить.

$(window).scroll(function () {
         if ($('.row').is(':visible')) {
            alert("ок")
        }
     });

Правильно ли я начал или всё не так делается?

Answer 1

[y0u]

const onIntersection = (entries) => {
  entries.forEach(entry => {
    if (entry.intersectionRatio > 0) {
      // visible
    } else {
      // not visible
    }
  });
};

const observer = new IntersectionObserver(onIntersection);
observer.observe(document.querySelector('#element'));

Пример: https://jsfiddle.net/8craw2nt/
Docs: https://developer.mozilla.org/ru/docs/Web/API/Inte...
Browser compatibility: https://caniuse.com/intersectionobserver

Answer 2

[jamtuson]

Надо получить координаты блока и смотреть позицию скролла пользователя.
Потом просто:

if(координаты блока - координаты пользователя === отступ видимости) {
  //сделать что - то
}