使用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來創建降落傘背景，使用基本的動畫引擎來檢查滾動值並將動畫位置值應用於元素，等等），但具體是您要的是什么，可能會是這樣。