jQuery 在 Iframe 中为 Internet Explorer 设置高度高度变得越来越大答案

【问题标题】：jQuery set Height in Iframe for Internet Explorer Height becomes bigger and biggerjQuery 在 Iframe 中为 Internet Explorer 设置高度高度变得越来越大
【发布时间】：2012-01-15 09:54:34
【问题描述】：

我尝试在加载后动态设置 iframe 的高度。然后 id 绑定 iframe，因此在 mousemoveEvent 之后设置新高度。

$(myIframe).load(function(){

    var iframeHeight = $(myIframe).height();
    $(myIframe).height(iframeHeight);

    $(myIframe).contents().find(IframeID).bind('mousemove', function(){
        iframeHeight = $(myIframe).height();

        $(myIframe).height(iframeHeight);

    });


});

所以我的问题是在 FireFox、Chrome、Opera 等中它运行良好。 internetExplorer 7/8/9 将新高度与旧高度相加。因此，在每次鼠标移动时，高度都会变得越来越大。

我可以做些什么来告诉 InternetExplorer 像其他浏览器一样做。

【问题讨论】：

标签： jquery internet-explorer height

【解决方案1】：

当我尝试将 iframe 高度设置为具有额外 200 像素空间的内容时，我也遇到了这个问题，并且每次我更改为内容时，iframe 仅在 IE 中以 200 像素变大，据我现在记得我最后没有使用 jquery 并建议我使用了这个：

var iFrame = document.getElementsById('myFrame');
iFrame.style.height = (parseInt(iFrames[i].contentWindow.document.body.offsetHeight) + 200) + 'px';

这是我解决问题的方法，我希望它对你有所帮助..

【讨论】：

您好，今天我可以解决问题。我根据框架的 HTML 标签计算了高度。相反，我使用 BODY 进行高度计算。
var iframeHeight = $(myIframe).contents().find('body').height();