Высота тела оператора if <100% javascript / jquery

Question

На моем сайте я не установил высоту для html или тега body.Это прекрасно работает на страницах с большим количеством контента, но когда контента на странице недостаточно, чтобы заполнить страницу, я хочу, чтобы рост был 100%.

Так что я подумал, что немного jQuery можетПомоги мне.Я придумала этот небольшой фрагмент, который, на мой взгляд, был бы достаточным, но, к сожалению, он не слишком много делает.рост в процентах, может быть, только в пикселях.

Буду очень признателен за вашу помощь.

Answer 1

Вы можете сделать это с помощью 100% макета высоты. Без какого-либо JavaScript.

Проверьте это:

http://peterned.home.xs4all.nl/examples/csslayout1.html (использовали в моих проектах)

http://www.dave -woods.co.uk / index.php / 100 по высоте макета с помощью CSS-/

В любом случае, если вы хотите сделать это через jQuery:

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

Вы можете определить, если document высота меньше, чем window, а затем установить высоту документов в основной или основной <div id=container></div>, если у вас есть такой.

Answer 2

Применить ниже css к вашему телу / html

html, body {min-height: 100%;высота: авто}