Jquery 常数 window 高度

Question

所以我一直在尝试制作一个脚本来检查常量 window 高度，这是我目前所拥有的：

但是当文档准备好时，它不会将高度传递给变量。

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

我试过将 var 更改为 var winHeight = $(window).height();

这给了我我需要的数字，但如果 window 被调整大小则不会更新。

我是不是漏掉了什么？

<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

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

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

Jquery 常数 window 高度

Jquery constant window height

css

jquery

height

constants