jquery - 使用 Jquery 在加载时捕获浏览器窗口高度

Question

当用户加载网页时，我想捕获他们浏览器窗口的高度并制作一个该高度的 DIV；如果他们调整窗口大小，则该 DIV 的高度不会改变。这是一个例子：http ://demo.rocknrolladesigns.com/html/jarvis/

我要获得带有文本的整页背景图像并将所有导航和内容直接隐藏在“折叠”下方的效果。

谢谢;）

Answer 1

这应该很简单：

  $(document).ready(function() {
    $('#background').css('height', $(window).height() + 'px');
  });

#background您用作页面背景的 DIV 的 ID 在哪里。您还应该在背景上设置单独的样式；类似于：

  #background {
    position: absolute;
    top: 0;
    left: 0;
    background: ...
  }

应该足够了。

Answer 2

你想创建div 吗？替换#foo为您想要附加的任何内容。

$(document).ready(function () {
    $('#foo').append('<div style="height: ' + $(window).height() + 'px;"></div>');
});