100% высота div с помощью прокрутки страницы JQuery

Question

У меня есть веб-страница, оболочка с пятью разными div внутри, и я использую query PageScroller для прокручиваемой навигации, поэтому страницы сложены сверху и снизу. Моя проблема в том, что, когда я смотрю на одну страницу, я вижу верхнюю часть страницы ниже, как я могу заставить эти divs занимать 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 для прокрутки этого 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); 
}