Question

所以我一直试图制作一个检查恒定窗口高度的脚本，这是我到目前为止所做的：

但是当文档准备就绪时，它并没有将高度传递给变量。

我得到的只是身高：0px;

我尝试将var更改为var winHeight = $（window）.height（）;

这给了我需要的号码，但是如果调整窗口大小，则不会更新。

我错过了什么吗？

<script>
    $( document ).ready( function () {
        var winHeight = 0;          
        $(window).resize(function() {
          winHeight = $(window).height();         
        });
        $(".l_main").css("height", winHeight);
    });
</script>

Answer 1

问题是因为您只在页面加载时设置css()。您还需要在resize事件发生时执行此操作，因此将该调用放在resize事件处理程序中：

$(document).ready(function() {
  $(window).resize(function() {
    $(".l_main").css("height", $(window).height());      
  }).resize();
});

但是，您应该注意，仅使用CSS可以更好地实现这一点。例如：

.l_main { height: 100%; }

您只需要确保.l_main的所有父元素也设置为height。

Answer 2

您需要在加载时设置默认值，也需要在调整大小时设置默认值。尝试这样的事情：

pre { white-space: pre-wrap; }

Jquery常量窗口高度

2 个答案: