获取页面高度,窗口高度,滚动条高度等参数值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;
}

相关文章

  • JS页面动态绘图工具SVG,Canvas,VML介简介

    JS页面动态绘图工具SVG,Canvas,VML介简介

    这篇文章主要介绍了JS页面动态绘图工具SVG,Canvas,VML介简介,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • layui layer select 选择被遮挡的解决方法

    layui layer select 选择被遮挡的解决方法

    今天小编就为大家分享一篇layui layer select 选择被遮挡的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现移动端整屏滑动的实例代码

    JS实现移动端整屏滑动的实例代码

    本文通过实例代码给大家分享了基于js 实现移动端整屏滑动效果,基本思路是检测手指滑动方向,获取手指抬起时的位置,减去手指按下时的位置,得正即为向下滑动了,具体实现代码大家参考下本文
    2017-11-11
  • 浅谈JavaScript的几种继承实现方式

    浅谈JavaScript的几种继承实现方式

    本文主要介绍了浅谈JavaScript的几种继承实现方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 如何用JS/HTML将时间戳转换为“xx天前”的形式

    如何用JS/HTML将时间戳转换为“xx天前”的形式

    如果我们有一份过去时间戳,如何使用JS/HTML将时间戳转换为“xx天前”的形式呢?很多朋友都觉得解决办法有点困难,其实很简单的,下面小编给大家分享完整的实现代码,一起看看吧
    2017-02-02
  • javaScript实现游戏倒计时功能

    javaScript实现游戏倒计时功能

    这篇文章主要为大家详细介绍了javaScript实现游戏倒计时功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • javascript 中的图像加载事件及问题解析

    javascript 中的图像加载事件及问题解析

    本文将讨论如何在JavaScript中处理 .onload 事件,我们将学习如何在上传图像后使用 JavaScript 创建警告框,需要的朋友可以参考下
    2023-07-07
  • js 表单提交后按钮变灰的实例代码

    js 表单提交后按钮变灰的实例代码

    这篇文章介绍了js 表单提交后按钮变灰的实例代码,有需要的朋友可以参考一下
    2013-08-08
  • js如何给json对象添加、删除、修改属性

    js如何给json对象添加、删除、修改属性

    这篇文章主要介绍了js如何给json对象添加、删除、修改属性问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • 基于JavaScript实现十五拼图代码实例

    基于JavaScript实现十五拼图代码实例

    这篇文章主要介绍了基于JavaScript实现十五拼图代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-04-04

最新评论