使用jquery的滚动效果

Question

我对网页设计很陌生，所以如果我使用错误的术语，请耐心等待。

基本上，我有一堆内容，我想离开屏幕 - 低于浏览器窗口的底部，所以它是不可见的，无论用户有多大的窗口 - 然后允许内容显示一旦用户向下滚动。 http://demicreative.com/做得很好，如果你注意到，无论你的浏览器有多大，关于我们的内容都会停留在窗口的视图之外，直到你向下滚动。我猜这可以使用jQuery来实现，但我在这一点上有点失落。

对于我无法准确描述我所要做的事情，我表示歉意，但我非常感谢任何帮助。

Answer 1

嗯，这个页面有很多。但是，您正在查看的特定功能（标题/英雄内容填充视口，无论窗口大小如何）都是通过window.resize事件完成的，这可以通过jQuery来完成。

基本上，每次调整浏览器窗口大小时，它都会触发调整大小“事件”，并且可以将函数附加到该事件（该函数可以查看浏览器窗口的新高度值，并将该高度值转到页面上的一个对象）。什么他们可能做看起来是这样的：

$(window).resize(function(){ 
    var newHeight = $(window).height(); 
    $('header').css('height',newHeight); 
}); 

或只是......

$(window).resize(function(){ 
    $('header').css('height',$(window).height()); 
}); 

此外，还有相当多的去该网页上（他们使用CSS创建paralaxing背景，使用基本的动画引擎来检查滚动值并将动画位置值应用到元素等），但具体是你要求的，它会是这样的。