Question

我确实有一个非常基本的设置：

true

//index.js with iFrame Resizer, included frame has contentWindow api loaded

$(document).ready(function() {
  $('#odbFrame').iFrameResize({
    resizeFrom: 'child',
    checkOrigin: 'false'
  });
});

.container-fluid {
     padding: 0 !important;
}

#odbFrame {
    border: 0;
    width: 100%;
    height: 100%;
}

但是当它加载时，页面首先会正确调整大小，但随后会增长到无穷大。

这是日志：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- bootstrap -->
<div class="container-fluid">
    <iframe src="{$odbUrl|esc}" id="odbFrame"></iframe>
</div>
<script src="index.js"></script>

这是永远重复的（高度一直在增长）。临时修复是使用maxHeight，但不需要。

我试过了：

所有calculateHeightMethods
外部触发调整大小方法

都失败了！

在同一网址的其他网页（主机和子网站）上，情况并非如此！

Answer 1

在阅读完Github topic之后，这就是我的固定方法：

最常见的原因是CSS将样式设置为高于页面，每次页面调整大小时，CSS大小超过底部页面和周围，我们再次浏览。

我有

body{
    min-height:100vh;
}

我删除了，现在可以使用了！

Answer 2

问题是：使用绝对坐标放置页脚会导致计算错误。页脚已删除，现在可以使用

iFrame Resizer将iFrame的高度增加到无穷大

2 个答案: