2015-06-30 149 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的答案。 –

相關問題