在jquery中使用overflow=hidden获取窗口高度

Question

我有一个全屏 Web 应用程序，永远不应该滚动，所以我设置：

$("body").css("overflow", "hidden");

但是，当我添加调整大小侦听器时：

$(window).resize(function(){
    console.log("Inner height: " + $(window).innerHeight());
    console.log("Height: " + $(window).height());
    console.log("Document: " + $(document).height());
    console.log("Body: " + $("body").height());
});

当我使窗口更高时，高度报告正确，但当我使窗口变小时，高度报告不正确。事实上，窗口高度（通过任何这些变量）仅增加（如果我将其变大，则正确，如果我将其变小，则增加一点）。

内容（如果相关）是一个 html

<video>

元素，它占据了整个窗口空间。

我已经读到 height() 在溢出：隐藏中不起作用，但我找不到不这样做的理由。另外，我到底如何获得正确的高度？谢谢！

Answer 1

您可以尝试设置

html,body {
    height: 100%;
    width: 100%;
}

Answer 2

最好的解决方案是在 body 内创建一个 div 标签，并在 div 标签内创建所有数据，并将其提供给 Overflow-x:hidden;

现在您可以在 javascript 中使用顶部滚动