iframe在Chrome / Safari浏览器中使用scrollheight调整大小 [英] iframe resizing with scrollheight in chrome/safari
问题描述
我正在尝试根据其内容调整大小(制作更大或更小)的iframe。点击每个页面后,会调用一个调整大小的方法。
在Chrome中,我可以使iframe变大但不能变小。 document.body.scrollHeight始终是最大的价值。因此,如果一个大页面设置了#iframe.height ='620px',并且有人点击了内容较少的页面的链接,那么scrollHeight将保持在620px而不是减少。
在Chrome / Safari中处理此问题的正确方法是什么?
在你要求iframe中文档的高度之前,你应该设置iframe对象的高度为auto。像这样:
objIframe = document.getElementById('theIframeId');
objIframe.style.height ='auto';
现在:
document.body.scrollHeight
返回文档的实际高度。 p>
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.
In Chrome I can make the iframe bigger, but not smaller. document.body.scrollHeight is always the biggest value.
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.
What's the proper way of handling this in Chrome/Safari?
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';
And now:
document.body.scrollHeight
returns the actual height of the document.
这篇关于iframe在Chrome / Safari浏览器中使用scrollheight调整大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!