jQuery在iframe中为Internet Explorer设置高度Height变得越来越大

时间:2011-12-07 21:35:06

标签: jquery internet-explorer height

我尝试在加载后动态设置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像其他浏览器一样。

1 个答案:

答案 0 :(得分:0)

当我尝试将iframe高度设置为额外200px空间的内容时,我也遇到了这个问题,每次我改为内容时,iframe在IE浏览器中变得更大,只有200px,而且我记得现在我最后并没有使用jquery并且坚持使用它:

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

这是我对我的问题的解释,我希望它会对你有所帮助..