使用 jquery 获取窗口高度

Question

所以基本上，如果浏览器高度小于 440px，我希望名为 #content 的 div 的 css 最高值为 200px。但是，这似乎不起作用。我究竟做错了什么？

var boh = $(window).height();
var bohi = parseInt(boh);
if(bohi < 440) {
    $("#content").css("top","200px");
} else {
    //this part works, so it's hidden
}

Answer 1

我认为您需要处理 $(window).resize() 事件，否则该逻辑只会运行一次。

<script type="text/javascript">

$(window).resize(function(){
  var bohi = $(window).height();
  if(bohi < 440) {
      $("#content").css("top","200px");
  } else {
      //this part works, so it's hidden
  }    
});

</script>

这是一个似乎有效的 jsfiddle：

• http://jsfiddle.net/kNbuy/

请注意，$(window).height()不需要将parseInt()其视为数字。