@RushV

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

Здравствуйте!
Как проверить при прокрутке видимость блока?
Если блок div появился в поле зрения то отобразить.
$(window).scroll(function () {
         if ($('.row').is(':visible')) {
            alert("ок")
        }
     });

Правильно ли я начал или всё не так делается?
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
y0u
@y0u
dev
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
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@jamtuson
Надо получить координаты блока и смотреть позицию скролла пользователя.
Потом просто:
if(координаты блока - координаты пользователя === отступ видимости) {
  //сделать что - то
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы