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

 更新时间:2006年09月22日 00:00:00   作者:  
复制代码 代码如下:

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

相关文章

  • layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例

    layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例

    今天小编就为大家分享一篇layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • javascript实现抽奖程序的简单实例

    javascript实现抽奖程序的简单实例

    下面小编就为大家带来一篇javascript实现抽奖程序的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 在使用JSON格式处理数据时应该注意的问题小结

    在使用JSON格式处理数据时应该注意的问题小结

    这篇文章主要介绍了在使用JSON格式处理数据时应该注意的问题,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-05-05
  • JavaScript登录验证码的实现

    JavaScript登录验证码的实现

    验证码功能真的无处不在,为了提高网站的安全性,验证码功能是必要的环节,今天小编通过本文给大家分享js登录验证码的实现,感兴趣的朋友跟着小编一起学习吧
    2016-10-10
  • 浅谈JavaScript 代码整洁之道

    浅谈JavaScript 代码整洁之道

    这篇文章主要介绍了浅谈JavaScript 代码整洁之道,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法

    JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法

    这篇文章主要介绍了JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的一种解决办法,本文还给大家介绍了js快速获取数组中最大值和最小值的方法,非常不错,需要的朋友可以参考下
    2016-07-07
  • JS实现京东放大镜效果

    JS实现京东放大镜效果

    这篇文章主要为大家详细介绍了JS实现京东放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法

    js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法

    下面小编就为大家带来一篇js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript实现拖拽和缩放效果

    JavaScript实现拖拽和缩放效果

    这篇文章主要为大家详细介绍了JavaScript实现拖拽和缩放效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • electron 安装,调试,打包的具体使用

    electron 安装,调试,打包的具体使用

    这篇文章主要介绍了electron 安装,调试,打包的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11

最新评论