我们可以使用 jquery 更改 html 或 body 高度吗？答案

【问题标题】：Can we change the html or body height using jquery?我们可以使用 jquery 更改 html 或 body 高度吗？
【发布时间】：2012-02-23 09:20:49
【问题描述】：

我正在尝试运行此语句：$('body').height(100); 但是当我再次检查高度时，发现它没有改变！

有什么办法可以改变<body>的高度吗？

【问题讨论】：

【解决方案1】：

文档正文是一个神奇的元素，它的行为方式与其他 HTML 元素不同。你的代码：

$('body').height(100);

正确，同：

$('body').css({height: 100});
$('body').css({height: '100px'});
$('body').attr({style: 'height: 100px'});

所有结果都是这样的：

<body style="height: 100px;">

但是，设置高度不会隐藏 100px 高度以外的区域不可见。您应该将正文内容包装在 div 中并设置其高度：

<body>
    <div id="wrapper" style="height: 100px; overflow: hidden;">
        <!-- content -->
    </div>
</body>

jQuery 解决方案是：

$("body").wrapInner($('<div id="height-helper"/>').css({
    height: 100,
    overflow: "hidden"
}));

【讨论】：

【解决方案2】：

你应该实际使用

$('body').css('height', '100');，它会工作的。

【讨论】：

【解决方案3】：

尝试使用$('body').addClass('your class name'); 或$('body').attr('style', 'height: 100px');

【讨论】：

$('body').attr('style', 'height: 100px');效果不好，请参阅 >>> $('body').height(); 416 >>> $('body').attr('style', '高度: 100px'); [正文] >>> $('body').height();第416章
我在许多浏览器中看到的是，您在 css 样式 <style type="text/css"> html, body { height: 100% } </style> 中添加以下内容，它将始终显示高度为 100%，因此如果您使用 jquery 更改它，您应该在$(document).ready 以确保在更改大小之前已创建 DOM。此外，如果涉及 css 样式，它们可能会覆盖您的内联样式（不应该但可能）。所以试试height: 100px !important

【解决方案4】：

应该是

$('body').css('height', '100px');

或者

$('body').height(100);

【讨论】：

见 $('body').height(100);不能在浏览器本身和 $('body').css('height', '100px');正在浏览器中工作，但不在 iOS 浏览器中，我希望它在两者中都工作