0

内部に 5 つの異なる div を持つラッパーである Web ページがあり、スクロール可能なナビゲーションにクエリ PageScroller を使用しているため、ページが上下に積み重ねられています。私の問題は、1 つの「ページ」を見ているときに、下の「ページ」の上部が表示されることです。これらの 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 は、ナビゲーションがクリックされたときにその div にスクロールするために、クラス「セクション」を使用します。

どんな助けでも大歓迎です

ありがとう

4

1 に答える 1

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

   $(".section").css("height", viewport_height);
}
于 2013-03-05T17:10:25.717 に答える