0

使用动态 iframe 的 David Bradshaw iFrame Resizer 代码。最初，它工作并将 iframe 的适当高度设置为内容。但是当用户单击链接转到 iframe 中的另一个页面时，如果内容较少，高度不会缩小。如果内容更多，它会升迁就好了。

我尝试使用 heightCalculationMethod 的各种属性，结果都一样。我查看了较小页面的 iframe 的内容，我看到的是一个 html 表格（没有定义的高度），然后在 body 标签内有一个巨大的间隙（也没有定义高度）。我在这里想念什么？

这是我的脚本..

<script>
iFrameResize({
    log:true,
    enablePublicMethod:true,
    heightCalculationMethod:'lowestElement'
});
</script>

是否可以仅重置 iframe 高度？

4

2 回答 2

2

引用自https://github.com/davidjbradshaw/iframe-resizer

IFrame 没有缩小尺寸

此问题的最可能原因是在 CSS 中的某处将元素的高度设置为页面的 100%。这通常在 html 或 body 元素上，但它可以在页面中的任何元素上。这有时可以通过使用 taggedElement 高度计算方法来解决，并向要定义页面底部位置的元素添加 data-iframe-height 属性。您可能会发现在此元素上使用 position: relative 来定义底部边距或为浮动页脚留出空间很有用。

在 iFrame 中没有有效的 HTML 文档类型有时也会阻止缩小尺寸。在最简单的情况下，这可以是以下内容。

于 2015-11-25T20:49:55.927 回答
0

在同样的情况下，将heightCalculationMethod设置为'bodyScroll'对我有帮助：

从带有iframeResizer.contentWindow.min.js的 iframe 内的页面转到没有此脚本的另一个页面。

我使用 iFrame Resizer v3.5.8

于 2017-01-27T09:15:50.617 回答