Javascript 动态缩小iFrame窗口的大小
我在页面上有一个iFrame窗口,iFrame内部的内容根据不同的AJAX调用在高度上缩小或增大。 我想根据iframe内容的高度动态调整iframe窗口的高度Javascript 动态缩小iFrame窗口的大小,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我在页面上有一个iFrame窗口,iFrame内部的内容根据不同的AJAX调用在高度上缩小或增大。 我想根据iframe内容的高度动态调整iframe窗口的高度 我的代码: 如果iFrame的内容变大,则“我的iFrame”窗口会自动重新调整到更大的高度,但如果iFrame的内容在高度上收缩$iFrame.contents().height()不会检测到该更改,并显示iFrame内容的旧的、更大的和不正确的高度,则此选项有效 如果iFrame更改为较小的高度,如何使iFrame在高度变化时动态收
我的代码: 如果iFrame的内容变大,则“我的iFrame”窗口会自动重新调整到更大的高度,但如果iFrame的内容在高度上收缩$iFrame.contents().height()不会检测到该更改,并显示iFrame内容的旧的、更大的和不正确的高度,则此选项有效
如果iFrame更改为较小的高度,如何使iFrame在高度变化时动态收缩 我建议你调查一下这些信息。我不得不做一些类似的事情,这就是解决方案Jason,你的文章是关于处理跨域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);