Вычислить координаты элемента относительно окна?

Question

[Unknown]

Привет!
Я уже не соображаю совсем. Поэтому вопрос к вам...
Добавляю анимацию к элементам при прокрутке с помощью onscroll и проверки. Проверка будет такой:
- если окно прокрутилось больше чем на 300px от верхней точки элемента
- то добавить анимацию

Код такой:

<div class="item "></div>
  <div class="item "></div>
  <div class="item "></div>

var getCoord = document.getElementsByClassName('item');

document.onscroll = function(e) {
	scrollAdd();
};

function scrollAdd() {
	var elemCoords = getCoord[0].getBoundingClientRect().top;
	console.log(getCoord[0].getBoundingClientRect().top + '   1 element');
	console.log(window.pageYOffset + '   offset');
         
        var someVar =  ****Здесь должно что-то быть**** ;

	if (someVar > 300) {
		console.log('if');
		getCoord[0].classList.add('animation');
	}
};

UPD сами элементы имеют высоту 370px т.е. элмент должен показаться > чем на 150px

Answer 1

[DTX]

innerHeight - высота экрана

var scrollPos = window.scrollY || window.scollTop || document.getElementsByTagName("html")[0].scrollTop;

столько проскролил пользователь

if (scrollPos + window.innerHeight > el.centerY) addAnimation()

Comments

[Unknown]

Можно поподробнее про el.centerY ? Что мне сюда подставить из моего кода?

[DTX]

centerY = el.offsetTop - el.offsetHeight/2

[Unknown]

DTX, аа, я уже додумался до этого сам, но все равно спасибо!