1

我对嵌套有一个特殊的问题iframes。这是一个遗留应用程序,我无法改变它的方式parent-iframe

所以我iframe在我的主要 html 文档中有一个父级。这parent-iframe是占据完整 html 文档的唯一子项,因此我们希望主 html 页面根据需要调整大小parent-iframescrollbars在需要时显示。

决定必须显示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'smin-height 设置为和min-height parentIframe,然后一切正常。contentIFramemainDiv's

4

1 回答 1

0

好的,我找到了一个解决方案,不确定是否正确,但效果很好。我有一个 parentIframe 的父 div,因此在加载时,我得到了$(window).height()并将其设置为parentDiv. 现在在我的resizeIFrames方法中,我将parentDiv'smin-height 设置为和min-height parentIframe,然后一切正常。contentIFramemainDiv's

于 2013-08-07T20:25:32.540 回答