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

 吴佳云怡婷志贤 发布于 2023-02-13 17:02

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


inner height: px

psquared.. 6

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

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

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

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

    2023-02-13 17:05 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有