我有一个网页,一个内部有五个不同 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。
任何帮助将不胜感激
谢谢
最佳答案
$(window).ready(function()
{
var viewport_height = parseInt($(window).height());
//stringify
viewport_height = viewport_height + '';
viewport_height += 'px';
$(".section").css("height", viewport_height);
}
关于jquery - 使用 JQuery Page Scroller 的 100% 高度 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15229782/