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


Posted in Javascript onSeptember 22, 2006
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; 
}
Javascript 相关文章推荐
非常有用的40款jQuery 插件推荐(系列二)
Dec 25 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
前端构建工具之gulp的语法教程
Jun 12 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
Sep 28 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
Apr 01 Javascript
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
prototype1.4中文手册
Sep 22 #Javascript
prototype 源码中文说明之 prototype.js
Sep 22 #Javascript
showModelessDialog()使用详解
Sep 21 #Javascript
Javascript里使用Dom操作Xml
Sep 20 #Javascript
Js+XML 操作
Sep 20 #Javascript
发现的以前不知道的函数
Sep 19 #Javascript
多个iframe自动调整大小的问题
Sep 18 #Javascript
You might like
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
PHP中数组定义的几种方法
2013/09/01 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
js汉字转拼音实现代码
2013/02/06 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
js拆分字符串并将分割的数据放到数组中的方法
2015/05/06 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
2017/02/21 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
使用validate.js实现表单数据提交前的验证方法
2018/09/04 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
python使用turtle库绘制树
2018/06/25 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
python实现模拟器爬取抖音评论数据的示例代码
2021/01/06 Python
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
学生发电厂实习自我鉴定
2013/09/22 职场文书
会计专业毕业生推荐信
2013/11/05 职场文书
销售行政专员职责
2014/01/03 职场文书
小学教师师德感言
2014/02/10 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
主管会计岗位职责
2014/03/13 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
信息简报范文
2015/07/21 职场文书
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS