iframe高度更改时，源页面不会调整大小

Question

我正在使用一个简单的JavaScript代码来根据正在加载的内容调整iframe的大小（它全部在域中）。但是我得到了这样的情况;当iframe为具有大量内容的页面调整大小时需要在源页面上滚动但是当你转到内容少得多的页面时，源页面保持相同的高度，因此下面有很多可怕的空可滚动空间内容，我似乎无法阻止这种情况发生。

是否有其他代码可确保源页面使用iframe调整大小？

的JavaScript

 function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
 }

Answer 1

你有几个选择。

1. 使用offsetHeight而不是scrollHeight。
2. 在调整大小功能开始时将高度降低到1px，因此可以“增长”到新的较小尺寸。

这两个选项都有缺点。选项一不会包含身体上的任何边距，因此最好将其设置为8px，然后将16px添加到身高。选项二会产生一点闪烁。