2015-06-30 111 views
0

我正在寻找一种方法来重新验证窗口大小调整时div的大小。当窗口调整大小时,重新验证DIV的尺寸

我有一个div的高度为100%,宽度为100%,当我调整窗口大小时,我可以看到下面这个div的一部分。

什么,我希望得到一个很好的例子是这个网站:

http://maltedemuth.com/

当你垂直调整呢,你看该网站的第二部分的顶部,但随后,它重新验证大小的第一个div。


编辑:

<body style="overflow:hidden;"> 
<div style="background-color:black;height:100%;width:100%;">DIV1</div> 
<div style="background-color:blue;height:100%;width:100%;">DIV2</div> 
</body> 

这里的代码,我

回答

2

您给出的链接使用Full Page jQuery plugin

要达到此效果,您需要遵循插件的GITHUB页面上给出的基本布局,然后在初始化时使用verticalCentered: true选项。

他们描述说,这一切:

verticalCentered:(默认为true)垂直居中部分中的内容。当设置为true时,您的内容将被插件包装。

+1

这应该做的工作!谢谢你 –

0

你试图实现一个完整的页面滚动的效果,多数民众赞成也响应类型?如果是这样,我建议检查出one page scroll。这会给你发布的例子类似的效果。它也很容易设置,并提供了很多选项,您可以自定义,使其作为您认为合适的响应。

+0

你好,这不是我正在寻找的功能,但thx的答案。 –

相关问题