javascript - iframe 在 chrome/safari 中使用 scrollheight 调整大小

Question

我正在尝试根据内容调整 iframe 的大小(变大或变小)。单击每个页面后，将调用一个方法来调整大小。

在 Chrome 中，我可以将 iframe 变大，但不能变小。 document.body.scrollHeight 始终是最大值。

因此，如果一个大页面设置了#iframe.height = '620px'，并且有人点击内容较少页面的链接，scrollHeight 将保持在 620px 而不是减小。

在 Chrome/Safari 中处理这个问题的正确方法是什么？

Answer 1

在请求 iframe 内文档的高度之前，您应该将 iframe 对象的高度设置为“auto”。像这样:

objIframe = document.getElementById('theIframeId');    
objIframe.style.height = 'auto';

现在:

document.body.scrollHeight

返回文档的实际高度。