100％的高度div與JQuery頁滾動

Question

我有一個網頁，裏面有五個不同divs的包裝，我使用查詢PageScroller滾動導航，所以頁面堆疊在上面和下面彼此。我的問題是，當我查看一個'頁面'時，我可以看到下面'頁面'的頂部，我怎樣才能讓這些div佔據可視空間的100％？ （僅高）

<div id="wrapper"> 
    <div id="main"> 
     <div id="page 1" class="section"> Content here </div> 
     <div id="page 2" class="section"> Content here </div> 
     <div id="page 3" class="section"> Content here </div> 
     <div id="page 4" class="section"> Content here </div> 
     <div id="page 5" class="section"> Content here </div> 
    </div> 
</div> 

這就是HTML的建立，類「部分」用於由jQuery是點擊導航時滾動到該分區。

任何幫助將不勝感激

由於

Answer 1

$(window).ready(function() 
{ 
    var viewport_height = parseInt($(window).height()); 
    //stringify 
    viewport_height = viewport_height + ''; 
    viewport_height += 'px'; 

    $(".section").css("height", viewport_height); 
}