jquery div, равный высоте окна, растягивается с содержимым

Question

jquery div, равный высоте окна, растягивается с содержимым

0

Я пытаюсь установить мое содержание div height равным window.height - (footer.height + header.height). Я также сделал overflow-y to scroll содержимого overflow-y to scroll. Это прекрасно работает, если содержимое внутри div не превышает ограничение высоты, которое div растягивается больше, чем его высота вместо перехода в режим прокрутки, может кто-нибудь, пожалуйста, скажите мне, что мне здесь не хватает? заранее спасибо!

$("#p_body").height($(window).height() - ($("#p_header").height() + $("#p_footer").height()) );
$("#content_body").height($("#p_body").height() - ($("#content_header").height() + 10) );

Структура страницы:

<div id="p_header"></div>
<div id="p_body">
<div id="content_header"></div>
<div id="content_body" style="overflow-y:scroll;"></div>
</div>
<div id="p_footer"></div>

durian 19 фев. 2014, в 01:01

Источник

1

Я не вижу твоей проблемы, это работает так, как ты хочешь?
Kyle Needham 18 фев. 2014, в 23:36
0

Это работает, если содержимое, которое я помещаю в тело, не превышает высоту окна, в этом случае content_body растягивается, я хочу, чтобы оно все время оставалось на одной и той же высоте и прокручивало содержимое внутри него.
durian 18 фев. 2014, в 23:38
1

Я согласен с Кайлом. Если вы хотите, чтобы прокручиваемая область была меньше, вы должны включить это в свои расчеты или дать прокручиваемой области жесткое значение высоты. Код, который вы нам дали, работает как задумано, особенно когда мы добавляем контент: jsfiddle.net/zyV3W/1 .
Lowkase 19 фев. 2014, в 00:37
0

Эй, спасибо, ребята, По-видимому, потому что у меня вообще не было установленной высоты в стиле, она не воспринималась как фиксированная высота, поэтому пишите это как ответ, если хотите! :)
durian 19 фев. 2014, в 13:25

Показать ещё 2 комментария

Теги:

jquery

html

css

1 ответ

Ещё вопросы

Я не вижу твоей проблемы, это работает так, как ты хочешь?
Это работает, если содержимое, которое я помещаю в тело, не превышает высоту окна, в этом случае content_body растягивается, я хочу, чтобы оно все время оставалось на одной и той же высоте и прокручивало содержимое внутри него.
Я согласен с Кайлом. Если вы хотите, чтобы прокручиваемая область была меньше, вы должны включить это в свои расчеты или дать прокручиваемой области жесткое значение высоты. Код, который вы нам дали, работает как задумано, особенно когда мы добавляем контент: jsfiddle.net/zyV3W/1 .
Эй, спасибо, ребята, По-видимому, потому что у меня вообще не было установленной высоты в стиле, она не воспринималась как фиксированная высота, поэтому пишите это как ответ, если хотите! :)

durian · Accepted Answer · 2014-02-19T21-46-00.000Z

Я понял, проблема заключалась в том, что я должен был установить любое значение фиксированной высоты в свой контент div, как таковой:

<div id="p_header"></div>
<div id="p_body">
<div id="content_header"></div>
<div id="content_body" style="overflow-y:scroll; **height:10px;**"></div>
</div>
<div id="p_footer"></div>

В противном случае код работал нормально до тех пор, пока содержимое внутри div не вывело бы window.height(), чтобы он не видел высоту div div контента как фиксированную высоту.