手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
摘要:复制代码代码如下:functiongetPageScroll(){varyScroll;if(self.pageYOffset){yScro...

复制代码 代码如下:

functiongetPageScroll(){

varyScroll;

if(self.pageYOffset){

yScroll=self.pageYOffset;

}elseif(document.documentElement&&document.documentElement.scrollTop){//Explorer6Strict

yScroll=document.documentElement.scrollTop;

}elseif(document.body){//allotherExplorers

yScroll=document.body.scrollTop;

}

arrayPageScroll=newArray('',yScroll)

returnarrayPageScroll;

}

functiongetPageSize(){

varxScroll,yScroll;

if(window.innerHeight&&window.scrollMaxY){

xScroll=document.body.scrollWidth;

yScroll=window.innerHeight+window.scrollMaxY;

}elseif(document.body.scrollHeight>document.body.offsetHeight){//allbutExplorerMac

xScroll=document.body.scrollWidth;

yScroll=document.body.scrollHeight;

}else{//ExplorerMac...wouldalsoworkinExplorer6Strict,MozillaandSafari

xScroll=document.body.offsetWidth;

yScroll=document.body.offsetHeight;

}

varwindowWidth,windowHeight;

if(self.innerHeight){//allexceptExplorer

windowWidth=self.innerWidth;

windowHeight=self.innerHeight;

}elseif(document.documentElement&&document.documentElement.clientHeight){//Explorer6StrictMode

windowWidth=document.documentElement.clientWidth;

windowHeight=document.documentElement.clientHeight;

}elseif(document.body){//otherExplorers

windowWidth=document.body.clientWidth;

windowHeight=document.body.clientHeight;

}

//forsmallpageswithtotalheightlessthenheightoftheviewport

if(yScroll<windowHeight){

pageHeight=windowHeight;

}else{

pageHeight=yScroll;

}

if(xScroll<windowWidth){

pageWidth=windowWidth;

}else{

pageWidth=xScroll;

}

arrayPageSize=newArray(pageWidth,pageHeight,windowWidth,windowHeight)

returnarrayPageSize;

}

【获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll】相关文章:

匹配html标记的正则

JavaScript中关联原型链属性特性

深入理解JavaScript的React框架的原理

常用DOM整理

基于jquery实现下拉框美化特效

JavaScript中length属性的使用方法

基于JavaScript实现智能右键菜单

AngularJS中处理多个promise的方式

javascript中CheckBox全选终极方案

js+cookies实现悬浮购物车的方法

精品推荐
分类导航