Почему значение innerHeight изменяется только один раз?

Question

[Евгений Иванов]

На странице есть див с прокруткой.
Нужно изменять его размер в зависимости от высоты окна.

Код

<script>
window.onresize = function()
{
innerHeight=window.innerHeight;
window_scrolling_height=(innerHeight/100)*70;
alert( window.innerHeight );

document.getElementById('data_window_scrolling').style.height =window_scrolling_height;
}
</script>

В сообщении я вижу, что код работает - но значение innerHeight изменяется только один раз.
Почему значение innerHeight изменяется только один раз?
Как сделать чтобы при каждом изменении размеров окна, значение innerHeight измнялось и соответственно высота дива была изменена?

Comments

[one_day]

с нативным не силен, вот jQuery:

$(window).resize(function(){
    var newheight = ($(window).height()/100)*70;      
    $("#data_window_scrolling").height(newheight);
});

Answer 1

[Сева]

window.addEventListener('resize', function() {
    innerHeight=window.innerHeight;
    window_scrolling_height=(innerHeight/100)*70;
    alert( window.innerHeight );
    document.getElementById('data_window_scrolling').style.height =window_scrolling_height;
})

Comments

[Евгений Иванов]

То же самое. Однократно выводит размер окна (innerHeight).
И это число не меняется при изменении размера окна.
Сообщение (alert) с одними и теми же цифрами, как не изменяй размер окна браузера.