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); 
}