准确获得页面、窗口高度及宽度的JS

窈窕青年

窈窕青年

2016-02-19 11:47

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享准确获得页面、窗口高度及宽度的JS的教程,热爱PS的朋友们快点看过来吧!
function getPageSize(){

var xScroll, yScroll;

if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight  document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}

var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

// for small pages with total height less then height of the viewport
if(yScroll  windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}

// for small pages with total width less then width of the viewport
if(xScroll  windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}


arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
有幸找到了你的这个东东,帮我解决了问题,不过仔细看了下,好象大大的有点问题,参数值和名称上看好象有点对不上号哦. 
// for small pages with total height less then height of the viewport 
if(yScroll  windowHeight){ 
pageHeight = yScroll; 
} else { 
pageHeight = windowHeight; 


// for small pages with total width less then width of the viewport 
if(xScroll  windowWidth){ 
pageWidth = xScroll; 
} else { 
pageWidth = windowWidth; 
}
展开更多 50%)
分享

猜你喜欢

准确获得页面、窗口高度及宽度的JS

Web开发
准确获得页面、窗口高度及宽度的JS

Javascript页面宽度高度

Web开发
Javascript页面宽度高度

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Win10窗口标题栏高度及滚动条宽度怎么设置

电脑入门
Win10窗口标题栏高度及滚动条宽度怎么设置

获取页面高度窗口高度滚动条高度等参数值getPageSize,getPageScroll

Web开发
获取页面高度窗口高度滚动条高度等参数值getPageSize,getPageScroll

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jquery 得到当前页面高度和宽度的两个函数

Web开发
jquery 得到当前页面高度和宽度的两个函数

Win10窗口标题栏高度以及滚动条宽度

windows10
Win10窗口标题栏高度以及滚动条宽度

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

支持IE和FF的div+css选项卡

支持IE和FF的div+css选项卡

拖动层效果兼容IE和FF!

拖动层效果兼容IE和FF!
下拉加载更多内容 ↓