javascript - $(window).height() 提供的结果不一致；

Question

我正在尝试获取浏览器窗口的高度，结果不一致。

为此，我在准备好的文档上使用 $(window).height(); ，我注意到在不同情况下我得到了不同的值(相差 15px)。结果似乎受到我正在应用的样式表的影响。删除样式表可以解决问题(或者仅删除几行(例如 font-size: 2em; 、 float:left; position:absolute; ...似乎根本不相关的事情)

我认为样式根本不应该与浏览器的窗口大小相关。在任何情况下它不应该返回完全相同的值吗？

我已阅读 the documentation of $.height()并且它没有提及任何有关此主题的内容。

我还注意到它在加载时返回正确的尺寸，如下所示:

$(window).on('load', function() {
    var windowHeight = $(window).height();
    console.log(windowHeight);
});

很抱歉，我无法在 jsfiddle 重现我的问题。

Answer 1

可能与滚动条有关。加载所有内容后，您可能会看到一个滚动条，可以将输出减少 15px。