我正在构建的网站上有一个 iframe。问题是,我在框架内显示的其中一个页面有一些动态内容(点击时会扩展和减小高度),是否有办法让 iframe 也随其内容调整大小?
它加载静态页面的大小,但是一旦页面上的元素被点击并展开,iframe 就不会随之展开。
我现在只有基本的,这是我的 <head>
内容:
<script language="javascript" type="text/javascript">
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
这是我的 iframe:
<iframe src="index2.php" name="frame" frameborder="0" scrolling="no" onload="resizeIframe(this)" />
最佳答案
我觉得你想做的事情不可行。至少不是 100%。 您可以尝试检测 iFrame 内的单击,但不检测特定目标。
这个答案 ( Detect Click into Iframe using JavaScript ) 涵盖了 iFrame 中的单击。
希望对你有帮助!
关于javascript - iFrame 根据框架内的动态内容调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34347838/