Question

我需要一直在页面底部有一个底部bg，所以我想出了获得窗口高度和主要内容高度的决定，并计算是否应该按下底部部分。当内容块太短并且计算机屏幕更大时问题出现了，所以底部的bg正好在内容的末尾，并且在底部屏幕结束之前没有任何内容。希望它有意义）我决定在内容中添加一些高度以使其更长，以便填满底部空间并且非常底部的间隙消失。

以下是我用来修复它的JavaScript：

window.onload=function(){
    var winHeight = window.innerHeight;
    var fixIt = winHeight - 200;
    var divHeight = document.getElementById('bottomDiv').clientHeight;
    alert(winHeight - divHeight);
    if (divHeight < winHeight) {
        var fire = document.getElementById('innerDiv').style.height = fixIt + "px";
    }
};

问题：这个脚本工作正常，在所有浏览器中都能很好地工作，但IE7-IE8却不行。你能帮忙找一个旧IE浏览器的解决方案吗？

谢谢，领域

Answer 1

window.onload=function(){
    //                                 v---------------------------------------v
    var winHeight = window.innerHeight || document.documentElement.clientHeight;
    var fixIt = winHeight - 200;
    var divHeight = document.getElementById('bottomDiv').clientHeight;
    alert(winHeight - divHeight);
    if (divHeight < winHeight) {
        var fire = document.getElementById('innerDiv').style.height = fixIt + "px";
    }
};

Answer 2

也许你可以将你的“底部”背景应用到html元素，然后在上部区域用不同的背景（可能在div＃内容中）覆盖它。

否则，IE8中似乎不支持innerHeight。

window.innerHeight ie8 alternative

尝试

var winHeight = document.documentElement.clientHeight

IE8 JavaScript问题

2 个答案: