我对嵌套有一个特殊的问题iframes
。这是一个遗留应用程序,我无法改变它的方式parent-iframe
。
所以我iframe
在我的主要 html 文档中有一个父级。这parent-iframe
是占据完整 html 文档的唯一子项,因此我们希望主 html 页面根据需要调整大小parent-iframe
并scrollbars
在需要时显示。
决定必须显示parent-iframe
哪个孩子iframe
并显示content-iframe
. 这content-iframe
将是里面唯一的孩子parent-iframe
,这意味着它的内容体高度和宽度应该是scrollbars
浏览器中的决定因素。他们已经在使用 jQuery 来调整iframes
基于内容高度的大小,但我可以看到有问题。
里面的源代码content-iframe
将有一个页眉div
、内容div
和一个页脚div
。页脚div
应始终贴在浏览器窗口的底部。如果内容很小,它应该留在窗口的底部。如果内容很高,则应将其进一步向下推以停留在页面底部。我无法得到$(window).height()
,因为它让我得到了content-iframe
's 的高度。这样做非常棘手,并且由于嵌套的iframes
.
我需要想法和一个好的解决方案来调整大小。
parentIframe
contentIFrame
mainDiv
Header
Content
Footer
编辑:
好的,我找到了一个解决方案,不确定是否正确,但效果很好。我有一个 parentIframe 的父 div,因此在加载时,我得到了$(window).height()
并将其设置为parentDiv
. 现在在我的resizeIFrames
方法中,我将parentDiv's
min-height 设置为和min-height parentIframe
,然后一切正常。contentIFrame
mainDiv's