我们可以使用jquery更改html或身体高度吗

Can we change the html or body height using jquery?

本文关键字：高度 html 可以使 jquery 更改 我们      更新时间：2023-09-26

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

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

文档主体是一个神奇的元素，它的行为与其他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"
}));

您实际上应该使用

CCD_ 3，它将起作用。

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

应该是

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

或

$('body').height(100);
相关文章：