调整窗口大小时更新窗口内部高度
问题描述:
到目前为止,我已经成功使Id具有与窗口相同的innerHeight。 但是,当我调整窗口的高度保持不变。调整窗口大小时更新窗口内部高度
任何人都可以帮助我使Id与窗口的大小一致吗? 下面是代码
function height()
{
var h = window.innerHeight;
document.getElementById("id").style.height = h+'px';
}
height();
答
这种方法可能与现有的事件处理程序起到更好:
window.addEventListener('resize',function(){
document.getElementById("id").style.height = window.innerHeight + 'px';
});
答
你可以使用:
window.onresize = function(event) {
var h = window.innerHeight;
document.getElementById("id").style.height = h+'px';
};
+0
嘿感谢。我已经尝试过,但似乎没有工作。只有我的代码有效。看到这里[链接](http://jsfiddle.net/snc06gws/) – 2014-10-31 23:02:37
嘿谢谢。我已经尝试过,但似乎没有工作。只有我的代码有效。看到这里[链接](http://jsfiddle.net/snc06gws/) – 2014-10-31 23:01:28
我认为你看到的是你的代码是直接射击,而我们正在等待window.resize()事件。但是,所有三个div都不能占据100%的空间,所以既然你是第一个,那就是我们看到的。 http://jsfiddle.net/m6nto9ns/3/ – 2014-11-01 00:08:41
好的。现在我明白了。 :)非常感谢你的帮助队友。 – 2014-11-01 01:32:02