我正在使用一个简单的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';
}
1 回答
你有几个选择 .
使用offsetHeight而不是scrollHeight .
在调整大小函数开始时将高度降低到1px，因此它可以'grow'到新的较小尺寸 .
两种选择都有缺点 . 选项一不包括您身体的任何边距，因此最好将其设置为8px然后将高度增加16px . 选项二会产生一点闪烁 .