javascript调整相对于窗口大小的内容

时间:2012-12-11 01:10:02

标签: javascript window height

我希望我的内容具有最大化窗口的height = window.height()。当窗口没有最大化时,如何获得最大化窗口的window.height()?当我使用screen.availheight时,我的内容会在Chrome底部被截止。

1 个答案:

答案 0 :(得分:0)

在调整浏览器大小时使用函数调整内容窗口的大小...

function resize() {
    var ht;
           var objDiv = document.getElementById("[YOUR DIV]");

           if (typeof window.innerHeight != 'undefined') {
            ht = window.innerHeight
           } else if (typeof document.documentElement != 'undefined' && typeof  document.documentElement.clientHeight != 'undefined' && document.documentElement.clientHeight != 0) {
        ht = document.documentElement.clientHeight
    }

           objDiv.style.height = (ht - 100) + 'px';
           return objDiv;
}

然后在某个地方打电话......

onresize="resize();