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

2016-02-19 11:59 69 1 收藏

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

【 tulaoshi.com - Web开发 】

代码如下:

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

来源:http://www.tulaoshi.com/n/20160219/1599393.html

延伸阅读
高度近视会遗传吗 正确了解高度近视 高度近视会遗传给孩子吗?在我国一般人群中,约有15是近视眼基因的携带者。所以大家都很关心这个问题,今天图老师小编就给大家详细的介绍一下这方面的情况,感兴趣的朋友可以来看看哦。 高度近视是常染色体隐性遗传病,也就是有关近视的一对基因都是本病的致病基因才发病。若是只是...
标签: Web开发
html headtitle层滚动条DIY - Powered by yexj00/title style !-- *{ font-size: 12px} -- /style script language="Javascript" !-- function $(obj){ return document.all[obj]; } function setbarHeight(){ $("scroll_bar").style.height=($("scroll_content").clientHeight)/($("scroll_content&q...
标签: 饮食禁忌
蚕豆病在我周围越来越普遍,我很担心周围的人用药不对而加重病情。我知道蚕豆病患者会出现溶血症状,这是非常严重的,所以我想知道蚕豆病的用药禁忌是什么,下面就让图老师小编带着大家一起来看看吧。 我很怕一个不小心会使得病症更加严重,一旦溶血,来势凶猛。我也了解到身边很多人都不太了解蚕豆病,如果用错药,后果将不堪设想,...
标签: Web开发
具体步骤: 方法一:设置CSS属性overflow为hidden。 body 方法二:设置body元素的scroll属性为no。 body scroll="no" 注意:建议用方法一隐藏滚动条,用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示,而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方...
标签: 生活常识
床靠背高度多高合适   床是一个可以令人放松的地方。有人喜欢在睡前看看书,听听歌,床靠背却是我们值得依靠的肩膀。家居风水学上,非常忌讳床无靠背。床无靠背,顾名思义就是床的背后没有靠山,陷入孤身的困境,睡在上面人精神容易恍惚,缺乏安全感。至于床靠背高度和床靠背尺寸是多少呢,下面就让图老师小编为大家解答一下吧。 ...

经验教程

481

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部