Question

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

基本上，我有一堆内容，我想要保持在屏幕外 - 在浏览器窗口的底部以下，无论用户制作窗口多大都不可见 - 然后在用户滚动后允许显示内容下。 http://demicreative.com/做得很好，如果您注意到，无论您的浏览器有多大，“关于我们”内容都会停留在窗口视图之外，直到您向下滚动。我猜这可以用jquery来实现，但我现在有点迷失了。

我为无法准确描述我想要做的事而道歉，但我非常感谢任何帮助。

Answer 1

嗯，该页面上有很多内容。但是您正在查看的特定功能（标题/英雄内容填充视口而不管窗口大小）是通过window.resize事件完成的，这是您可以通过jQuery执行的操作。

基本上，每次调整浏览器窗口大小时，它都会触发一个resize'event'，你可以将一个函数附加到该事件（该函数可以查看浏览器窗口的新高度值，并将该高度值复制到到页面上的一个对象）。他们正在做的事情看起来像这样：

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

或只是......

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

同样，该页面还有更多内容（他们使用css创建paralaxing背景，使用基本动画引擎检查滚动值并将动画位置值应用于元素等）但具体是你的'要求，它会是这样的。

使用jquery滚动效果

1 个答案: