Window.innerHeight не изменяется в меньшую сторону?

Question

[Ваня]

Это часть кода, задача в том, что свойство top блока 4815... изменяется в зависимости от высоты окна браузера x. Это бред, но это пример. Так вот, при увеличении высоты окна браузера значение меняется, при уменьшении нет. Но если document.getElementById("4815162342").style.top = x+"px"; расположить после var x = window.innerHeight;, а не в условиях, значение начинает меняться в меньшую сторону.

function resizeBlock() {
	var x = window.innerHeight;
	if{....}
	else{...
		document.getElementById("4815162342").style.top = x+"px";
	}
}
resizeBlock();
window.onresize = resizeBlock;

Answer 1

[Алекс К]

потому что при смещении элемента ниже значения innerHeight происходит увеличение innerHeight на размер элемента, и при уменьшении ничего не меняется, т.к. тот элемент по прежнему находится в том же самом месте

Comments

[Ваня]

как это исправить? можете привести наглядный пример,перечитываю и не могу понять

[Ваня]

то что опускается я понял, но ведь var x = window.innerHeight; я получаю высоту окна в котором отображается страница а не весь body, или не так

[Алекс К]

Сергей: так и есть. window.innerHeight - это высота окна. тут ловить только на живую, потому что проблема, очевидно, в тех местах, которые Вы оставили за кадром.

[Ваня]

Алексей Кауль: хорошо, я сделаю наглядный пример, где-то минут через 30 будет готово

[Ваня]

Я понял, при уменьшении окна у меня начинает работать первое условие.

[Алекс К]

Сергей: Ура :)