Question

我有以下HTML结构：

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

    </div>
</div>

page-wrapper位于<body>标记内部，因此min-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);

这在页面加载时工作正常，但在调整窗口大小时会产生不一致的结果（特别是使其变大）。任何人都有任何想法，为什么它不是一直重新计算高度？谢谢！

Answer 1

我用jsFiddle尝试过它实际上效果很好。但我有两个建议。

您是否已在函数resizeFrame中创建了一个控制台日志，以查看在调整窗口大小时是否调用了它？
如果您选择$（窗口），可能会有所帮助.tiight（）;而不是$（文件）.height（）;

如果这不能给你一个好的结果，请发布你的相应的CSS。

在domready上计算窗口高度并调整大小（斑点结果）

1 个答案: