我在页面上有一个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动态缩小?