使用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背景，使用基本的動畫引擎來檢查滾動值並將動畫位置值應用到元素等），但具體是你要求的，它會是這樣的。