jquery获取浏览器高度、宽度和滚动条高度

作者：zccst

遇到过一个问题，网页宽度大于浏览器宽度时出现横向滚动条。
希望，能够在打开浏览器时网页居中显示，而不是靠左。

解决办法：

if($(document).width() > $(window).width()){
    var w = ($(document).width() - $(window).width() ) / 2;
    $(document).scrollLeft(w);//设置为居中
}

查了一下资料，下面这几个高度和宽度的意义都是不同的，我曾因困在div的宽度里花了一个多小时的时间解决。

alert($(window).height()); //浏览器时下窗口可视区域高度   
alert($(document).height()); //浏览器时下窗口文档的高度   
alert($(document.body).height());//浏览器时下窗口文档body的高度   
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器时下窗口可视区域宽度   
alert($(document).width());//浏览器时下窗口文档对于象宽度   
alert($(document.body).width());//浏览器时下窗口文档body的高度   
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度   
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

如果您觉得本文的内容对您的学习有所帮助，您可以微信：