使用JQuery Page Scroller进行100％高度div

Question

我有一个网页，一个包含五个不同div的包装器，我正在使用查询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使用类'section'滚动到该div。

非常感谢任何帮助

由于

Answer 1

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

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