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