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

Question

I have a piece of jQuery on my site that displays an overlay the full width and height of the window. I have an issue in that if the overlay is closed (as there is an option to close it) I lose the vertical scroll bar from my window. Is there a way to specify the width and height excluding any horizontal or vertical scrollbars?

This is my code below, the jQuery will run as soon as the page loads.

    <div id="screen"></div>

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

Answer 1

This works:

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