问题描述
我正在尝试根据 iframe 的内容调整(放大或缩小)iframe 的大小.单击每个页面后，会调用一个方法来调整大小.
I'm trying to resize (make bigger or smaller) an iframe based on it's contents. After a click on each page a method is called which does the resizing.
在 Chrome 中，我可以使 iframe 更大，但不能更小.document.body.scrollHeight 始终是最大的值.
In Chrome I can make the iframe bigger, but not smaller. document.body.scrollHeight is always the biggest value.
因此，如果一个大页面设置了#iframe.height = '620px'，并且有人点击了指向内容较少的页面的链接，scrollHeight 将保持在 620px 而不是减少.
So if one big page sets #iframe.height = '620px', and someone clicks on a link to page with less content scrollHeight will remain at 620px instead of decreasing.
在 Chrome/Safari 中处理此问题的正确方法是什么?
What's the proper way of handling this in Chrome/Safari?
推荐答案
在您询问 iframe 内文档的高度之前，您应该将 iframe 对象的高度设置为自动".像这样:
Before you ask for the height of the document inside the iframe you should set the height of the iframe object to "auto". Something like this:
objIframe = document.getElementById('theIframeId');
objIframe.style.height = 'auto';
现在:
document.body.scrollHeight
返回文档的实际高度.
这篇关于在 chrome/safari 中使用滚动高度调整 iframe 大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！