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

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

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

您可能还会发现此讨论很有用.