Question

我有一个带有静态页眉和页脚的页面，它在整个页面中显示。然后我在页眉和页脚之间显示一个iframe。目前，iframe具有静态高度。我想根据内页的高度调整高度，因为iframe包含一个必须在外页中显示的应用程序。

因此，外部页面包含页眉和页脚，并且在这些页面之间显示应用程序（在iframe内）。此应用程序中有很多页面，因此我需要使iframe自动调整高度。

除了iframe之外，我还需要调整放置iframe的div的高度。因此，我必须在页面更改时调整iframe本身和容器div的高度。

我怎样才能做到这一点？

提前致谢

Answer 1

function resizeContainer() {
    var coordCont = getCoordinates($('#myContainer'));
    var h = $(window).height() - coordCont.top - 18;
    var minH = 800;
    $('#myContainer').css({ height: h < minH ? minH : h, overflow: 'auto' });
};

获取坐标是我的自定义函数，以获得元素的左/上/宽度/高度/ zIndex。我也使用minH，因为我不希望内容少于800.同样可以申请iFrame

自动调整静态页眉和页脚内的iframe高度

1 个答案: