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

美丽闷骚男

美丽闷骚男

2016-02-19 11:59

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。
代码如下:

function getPageScroll(){
  var yScroll;
  if (self.pageYOffset) {
    yScroll = self.pageYOffset;
  } else if (document.documentElement && document.documentElement.scrollTop){   // Explorer 6 Strict
    yScroll = document.documentElement.scrollTop;
  } else if (document.body) {// all other Explorers
    yScroll = document.body.scrollTop;
  }

  arrayPageScroll = new Array('',yScroll) 
  return arrayPageScroll;
}

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;
  }

  if(xScroll  windowWidth){  
    pageWidth = windowWidth;
  } else {
    pageWidth = xScroll;
  }

  arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
  return arrayPageSize;
}

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

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

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

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

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

lol偷钱流符文搭配推荐

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

Win10怎么自定义窗口标题栏高度以及滚动条宽度

windows10
Win10怎么自定义窗口标题栏高度以及滚动条宽度

通过ifame指向的页面高度调整iframe的高度

Web开发
通过ifame指向的页面高度调整iframe的高度

lolAD刺客新符文搭配推荐

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

Java Applet编程显示图像

Java Applet编程显示图像

初学prototype,发个JS接受URL参数的代码

初学prototype,发个JS接受URL参数的代码
下拉加载更多内容 ↓