jquery - 使用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 创建视差背景，使用基本动画引擎检查滚动值并将动画位置值应用于元素等），但特别是您所要求的, 应该是这样的。