gpt4 book ai didi

jquery - 在 domready 上计算窗口高度并调整大小(参差不齐的结果)

转载 作者:太空宇宙 更新时间:2023-11-03 19:34:15 24 4
gpt4 key购买 nike

我有以下 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);

这在页面加载时工作正常,但在调整窗口大小时(特别是使其变大)会得到不一致的结果。任何人都对为什么它不始终重新计算高度有任何想法?谢谢!

最佳答案

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

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

如果这没有给您带来好的结果,请发布您的相应 CSS。

关于jquery - 在 domready 上计算窗口高度并调整大小(参差不齐的结果),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14091043/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com