1

我有以下 HTML 结构:

<div id="page-wrapper">
    <div id="page-wrapper-inner">

    </div>
</div>

page-wrapper就在<body>标签的内部,所以 amin-height:100%在那里工作得很好,但page-wrapper-inner不会跨越整个高度(我知道)。所以,我目前有以下计算和附加页面加载时的窗口高度以及调整窗口大小时:

/**
 * Calculate window height based on document height to fill inner-wrapper
 */
function resizeFrame() {
    var h = $(document).height();
    $("#page-wrapper-inner").height(h);
}

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

这在页面加载时效果很好,但在调整窗口大小时会得到不一致的结果(特别是让它变大)。任何人都对为什么它不一直重新计算高度有任何想法吗?谢谢!

4

1 回答 1

-1

我用 jsFiddle 试了一下,实际上效果很好。但我有两个建议。

  1. 您是否已经在函数 resizeFrame 中创建了控制台日志,以查看在调整窗口大小时是否调用了它?
  2. 如果您选择 $( window ).height();可能会有所帮助 而不是 $(document).height();

如果这没有给你一个好的结果,请发布你的css。

于 2013-01-01T19:25:51.233 回答