if语句体高<100%javascript/jquery

Question

在我的网站中,我没有为html或body标签设置高度.这在包含大量内容的页面上效果很好,但是当页面上的内容不足以填充页面时,我希望主体高度为100%.

所以我认为一些jQuery可能会帮助我.我想出了这个我认为足够的小片段,但不幸的是它并没有做太多.

if(jQuery("html").css("height") < "100%"){
    jQuery("html, body").css({"height": "100%", "min-height":"100%"});
}

我猜这可能是因为jQuery可能没有以百分比的形式获取身高,也许只是以像素为单位.

真的很感谢你的帮助.

Answer 1

您可以使用100%高度布局执行此操作.没有任何JavaScript.

检查一下:

http://peterned.home.xs4all.nl/examples/csslayout1.html(已用于我的项目)

http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/

无论如何,如果你想通过jQuery这样做:

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

您可以定义document高度是否小于然后window将文档高度设置为正文或主文件(<div id=container></div>如果有).