2015-06-30 8 views
0

Я искал способ переопределить размер div при изменении размера окна.Размеры Revalidate DIV при изменении размера окна

У меня есть div, который имеет высоту 100% и ширину 100%, и когда я изменяю размер окна, я могу видеть часть div под этим.

Прекрасный пример того, что я хочу, чтобы получить этот сайт:

http://maltedemuth.com/

При изменении размера его по вертикали, вы видите в верхней части второй части сайта, но потом, это источ- размер первого div.


Edit:

<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, ваш контент будет завернут плагином.

+1

Это должно делать работу! Спасибо, vm –

0

Вы пытаетесь достичь полной страницы прокрутки эффекта Thats также реагировать? Если это так, я рекомендую проверить one page scroll. Это даст вам аналогичный эффект на примере, который вы опубликовали. Это также очень легко настроить и поставляется с множеством опций, которые вы можете настроить, чтобы сделать его таким же отзывчивым, как вы сочтете нужным.

+0

Привет, шерсть, это не та функция, которую я ищу, но THX для ответа. –

Смежные вопросы