使用jquery的滚动效果

使用jquery的滚动效果,jquery,Jquery,我对网页设计非常陌生,所以如果我使用了错误的术语,请容忍我 基本上,我有一堆我想保留在屏幕外的内容-在浏览器窗口的底部,所以无论用户的窗口有多大它都不可见-然后允许在用户向下滚动时显示内容。如果您注意到,无论您的浏览器有多大,About Us内容都会在窗口视图之外,直到您向下滚动为止。我猜这可以通过jquery实现,但我现在有点迷茫 很抱歉,我无法准确地描述我想要做的事情,但我非常感谢您的帮助。好吧,这一页有很多内容。但您正在查看的特定功能(标题/英雄内容填充视口而不考虑窗口大小)是通过wind

我对网页设计非常陌生,所以如果我使用了错误的术语,请容忍我

基本上,我有一堆我想保留在屏幕外的内容-在浏览器窗口的底部,所以无论用户的窗口有多大它都不可见-然后允许在用户向下滚动时显示内容。如果您注意到,无论您的浏览器有多大,About Us内容都会在窗口视图之外,直到您向下滚动为止。我猜这可以通过jquery实现,但我现在有点迷茫


很抱歉,我无法准确地描述我想要做的事情,但我非常感谢您的帮助。

好吧,这一页有很多内容。但您正在查看的特定功能(标题/英雄内容填充视口而不考虑窗口大小)是通过window.resize事件完成的,这是您可以通过jQuery完成的

基本上,每次调整浏览器窗口的大小时,都会触发一个调整大小“事件”,您可以将一个函数附加到该事件(该函数可以查看浏览器窗口的新高度值,并将该高度值复制到页面上的对象)。他们所做的可能是这样的:

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

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

同样,该页面上还有很多内容(他们使用css创建轻松的背景,使用基本的动画引擎检查滚动值,并将动画位置值应用于元素等),但具体来说,您需要的是这样的内容。

不要成为demicreative.com上那些家伙的鸡巴(这是一个非常奇特的网站),但我在他们的页面上很快找到了4个小错误。