Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery获取浏览器高度、宽度和滚动条高度

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

发布时间:2016-09-09   编辑:www.jquerycn.cn
jquery中文网为您提供jquery获取浏览器高度、宽度和滚动条高度等资源,欢迎您收藏本站,我们将为您提供最新的jquery获取浏览器高度、宽度和滚动条高度资源

遇到过一个问题,网页宽度大于浏览器宽度时出现横向滚动条。

希望,能够在打开浏览器时网页居中显示,而不是靠左。

解决办法:

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()); //获取滚动条到左边的垂直宽度

您可能感兴趣的文章:
jquery获取浏览器高度、宽度和滚动条高度
js获取屏幕高度与宽度
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
jquery easyui滚动条部分设置介绍
js获取浏览器窗口大小与屏幕宽高
分享:JavaScropt获取网页、浏览器、屏幕高度和宽度的方法
JS获取屏幕高度与宽度方法
js如何获取屏幕高度
js获取屏幕高度 js屏幕属性信息

[关闭]