CSS JQuery Div相对于窗口大小的起始位置

Question

我有一个很长的单页面布局。包含所有内容的主容器div设计为靠近页面底部开始（白色框，从底部向外窥视，足以看到徽标，在用户必须滚动查看更多内容之前）。

问题是不同的屏幕尺寸和不同尺寸的浏览器，主容器div从顶部开始处于不同的高度，显示比用户第一次到达时的预期更多或更少。

我的想法是我将需要使用js来计算window.height，减去我想要最初显示的容器数量的高度，然后将所有这些包装在跟踪浏览器更改的事件处理程序中大小

然而，我是Jquery的菜鸟，无法弄明白。是否有任何可用的示例或教程？

Answer 1

为此做了一个小提琴：http://jsfiddle.net/QQaZp/1/

基本上，设置你想要的任何东西（我只是使用了div，但是你应该使用#whateverID）来在你的css中定位绝对值。在javascript中加载和调整大小时，只需将top属性设置为$(window).height()的任何值（我从中减去了50px，所以它稍微瞥了一眼）

Answer 2

如果我理解正确，您不需要JavaScript。将div从顶部完全放置100％，然后将margin-top设置为负值。

CSS：

body, html {height: 100%;}

.section-1 {
    margin-top: -60px; /* Whatever value you want peeking out */
    position: absolute;
    top: 100%;
}

在此处查看有效的JSFiddle：http://jsfiddle.net/dsundy/5kt8P/1。