动态缩小iFrame窗口的大小

时间:2014-11-19 01:00:21

标签: javascript jquery html css iframe

我在页面上有一个iFrame窗口,iFrame ether内部的内容根据不同的AJAX调用而缩小或增大。 我想根据iframe内容的高度动态地重新调整iframe窗口的高度 我的代码:

var $iFrame = $('#iFrameWindow');
var lastHeight;

setInterval(function () {
    if ($iFrame.contents().height() != lastHeight) {
        $iFrame.css({
            height: $iFrame.contents().height() + 'px'
        });

        lastHeight = $iFrame.contents().height();            
    }
}, 200);

如果iFrame的内容变大,那么我的iFrame窗口会自动重新调整到更大的高度,但是如果iFrame的内容高度缩小$ iFrame.contents()。height()不会检测到该更改并显示旧的, iFrame内容的较大和不正确的高度。

如果iFrame变为较小的高度,我如何让iFrame动态缩小?

0 个答案:

没有答案