jQuery 获取文档宽度和高度,不包括水平/垂直滚动条

jQuery get the document width and height excluding horizontal/vertical scrollbars

本文关键字:水平 不包括 垂直 滚动条 高度 文档 获取 jQuery      更新时间:2023-09-26

我的网站上有一段jQuery,它显示了窗口的整个宽度和高度的叠加层。我有一个问题,如果覆盖层已关闭(因为可以选择关闭它),我会从窗口中丢失垂直滚动条。有没有办法指定不包括任何水平或垂直滚动条宽度和高度?

这是我下面的代码,jQuery将在页面加载后立即运行。

    <div id="screen"></div>
        $('#screen').css({ "display": "block", 
                            opacity  : 0.7,
                            "width"  : $(document).width(),
                            "height" : $(document).height()
                            });
        $('body').css({ "overflow" : "hidden" });

这有效:

$('#screen').css({ "display": "block", 
                    opacity  : 0.7,
                    "width"  : $(document).width(),
                    "height" : $(document).height()
                    });
$('body').css({ "overflow" : "auto" });