获取窗口内部高度占 x 滚动条高度答案

【问题标题】：get window inner height accounting for x scroll bar height获取窗口内部高度占 x 滚动条高度
【发布时间】：2013-11-30 19:50:20
【问题描述】：

我需要获取窗口的窗口内部高度，同时考虑 x 滚动条。但似乎window.innerHeight 返回相同的高度，无论x-scroll 栏是否可见。

还有另一种获取窗口高度的方法，包括x-scroll 栏。

这个jsFiddle 演示了在添加或删除滚动条时该值不会改变。应该有区别，等于滚动条的高度。我也会把它的代码放在下面。谢谢你。

JavaScript：

$('#innerHeight').html(window.innerHeight);
$('input').click(function () {
    if ($('#bar').is(':visible')) {
        $('#bar').hide();
        $(this).val('show x-scroll bar');
        $('#innerHeight').html(inner.innerHeight);
    } else {
        $('#bar').show();
        $(this).val('hide x-scroll bar');
        $('#innerHeight').html(window.innerHeight);   
    }
});

HTML：

<input type="button" value="show x-scroll bar" /><br />
<div id="bar"></div>
<p>inner height: <a id = "innerHeight"> px</a></p>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

根据this，window.innerHeight 包含滚动条的高度。我修改了您的示例以使用 $(window).height(new JSFiddle)，如果选择了较新版本的 jQuery，它将起作用。我踏入了jQuery 2.0.3，$(window)相当于window.document.documentElement.clientHeight。

您可能还会发现this 讨论很有用。

【讨论】：

window.document.documentElement.clientHeight 谢谢！这是非常有用的sn-p！