Question

考虑到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>

Answer 1

根据this，window.innerHeight包含滚动条的高度。我修改了你的例子以使用$(window).height（new JSFiddle），如果选择了更新版本的jQuery，它就可以工作。我进入了jQuery 2.0.3，$(window)相当于window.document.documentElement.clientHeight。

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

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

1 个答案: