Как узнать, стал ли расположен элемент веб-страницы в видмой части экрана?

Question

[Александр]

Необходимо написать условие (для отправки события в Аналитику), при котором кнопка как элемент веб-страницы является в области просмотра браузера. То есть, прокрутил ли пользователь до нее, увидел ли он её необходимо отслеживать. Есть ли для этого функция jQuery?

Answer 1

[Camaro67]

Как отследить появление элемента в области видимости браузера?

Answer 2

[Дмитрий Дарт]

var bingo = 0;

    function isVisible(elem) {
      var coords = elem.getBoundingClientRect();
      var windowHeight = document.documentElement.clientHeight;
      var topVisible = coords.top > 0 && coords.top < windowHeight;
      var bottomVisible = coords.bottom < windowHeight && coords.bottom > 0;
      return topVisible || bottomVisible;
    }

    function showVisible() {
      var block = document.getElementById("BottomForm");
        if (isVisible(block)) {
			if(bingo == 0){
				yaCounter55555555.reachGoal('scroll_to_form');
				bingo = 1;
			}
        }
      }

    if(bingo == 0){
        window.onscroll = showVisible;
        showVisible();
    }

Отсюда finishhim.ru/8/scroll-target