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

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

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

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

然而，我是Jquery的noob，无法理解它。是否有任何示例或教程可供参考？

对此进行了修改：

---

基本上，设置您想要定位的任何内容（我刚刚使用了div，但您应该使用#whateverID）在css中定位绝对值。在javascript中加载和调整大小时，只需将top属性设置为

$（window）.height（）

是什么（我从中减去了50px，所以它会向上看一点）

如果我理解正确，您不需要javascript来实现这一点。将div从顶部绝对100%定位，然后将

边距顶部设置为负值

CSS:

在这里查看一个正在工作的JSFIDLE:。
您应该能够使用带有百分比值的CSS来完成这项工作。到目前为止，您尝试了什么，或者您的代码是什么样子的？#d我尝试了百分比值。。带边距，不同的位置。。等等。它们在调整浏览器窗口的大小时不起作用。太好了，谢谢。我没有想到使用window.ready，我也不知道jquery中有一个.resize函数。一步一步地学习。再次感谢。嗯。。哇！我很惊讶它可以在CSS中如此轻松地完成。。非常感谢。
body, html {height: 100%;}

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