jquery - 如何以用户始终需要滚动才能看到的方式放置 div？

Question

我想建立一个顶部有一个 div 的网站，它的“高度”始终为 100%(无论用户屏幕大小或浏览器窗口的大小如何)，以便网站上的所有其他内容都是“隐藏”，用户需要向下滚动才能观看。

1. 问题:每次我在一个 div 高度中使用 100%，并将另一个 div float 到第一个 div 下方时，第二个 div 会移动到网站的最底部。我找不到使用 height:100% 的好方法。

2. 问题:我想将内容放在第一个 div 中，即居中。喜欢这个example ，并将其与上述示例相结合。

希望我的描述足够清楚，欢迎任何帮助。

问候。

Answer 1

使用 jquery 查找分辨率并设置元素的宽度和高度:

html:

<div id='test'></div>

jquery 脚本:

$(document).ready(function(){
    var w = $(window).width();
    var h = $(window).height();

    $('#test').css({width: w, height: h, background: '#bbb', position: 'absolute', top: "0", left: 0});
});

Look here