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

我正在尝试运行此语句:$('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"
}));

关于javascript - 我们可以使用 jquery 更改 html 或 body 高度吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9410101/