Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态缩小iFrame窗口的大小_Javascript_Jquery_Html_Css_Iframe - Fatal编程技术网

Javascript 动态缩小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内部的内容根据不同的AJAX调用在高度上缩小或增大。 我想根据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);