首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2014-01-17 
jquery获取浏览器高度、宽度和滚动条高度作者:zccst遇到过一个问题,网页宽度大于浏览器宽度时出现横向滚动

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 marginalert($(window).width()); //浏览器时下窗口可视区域宽度   alert($(document).width());//浏览器时下窗口文档对于象宽度   alert($(document.body).width());//浏览器时下窗口文档body的高度   alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding marginalert($(document).scrollTop()); //获取滚动条到顶部的垂直高度   alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

热点排行