js和jQuery获取页面大小、滚动条位置、元素位置(示例代码)
js和jQuery获取页面大小、滚动条位置、元素位置复制代码代码如下所示:
窗口大小和位置页
功能getpagesize(){
VaR的螺杆,scrH;
如果(window.innerheight窗口。scrollmaxy)
{ Mozilla
螺杆= window.innerwidth + window.scrollmaxx;
scrH = window.innerheight + window.scrollmaxy;
}
如果(document.body.scrollheight >文档。身体。offsetheight)
但是IE
螺杆= document.body.scrollwidth;
scrH = document.body.scrollheight;
}如果(文档,主体)
{
螺杆= document.body.offsetwidth;
scrH = document.body.offsetheight;
}
无功winw,调查;
如果(窗口。innerheight)
{除了IE之外的所有
winw = window.innerwidth;
总结= window.innerheight;
} else if(document.documentelement文档。文档元素}。自己)
6严格模式
winw = document.documentelement.clientwidth;
总结= document.documentelement.clientheight;
否则如果(文档体){其他
winw = document.body.clientwidth;
总结= document.body.clientheight;
对于小页面,其总大小小于视口
无功pagew =(螺杆< winw)winw:螺杆;
无功pageh =(scrH <调查)的调查:scrH;
返回:{ pagew pagew,pageh:pageh,winw:winw,总结:总结};
};
滚动位置
getpagescroll()函数
{
var x,y;如果(窗口。pageyoffset)
{除了IE之外的所有
Y = window.pageyoffset;
x = window.pagexoffset;
} else if(document.documentelement文档。文档元素}。scrollTop)
{ IE 6严格
Y = document.documentelement.scrolltop;
x = document.documentelement.scrollleft;
否则如果(文档正文){所有其他ie
Y = document.body.scrolltop;
x = document.body.scrollleft;
}
返回:x,y,y,y;
}
滑动分页
让浏览器显示区域的高度:$(窗口)。Height();
获取浏览器显示区域的宽度:$(窗口)。Width();
获取页面的高度:$(文档)。Height();
获取页面的文档宽度:$(文档)。Width();
获取滚动条的垂直高度上:$(document)的ScrollTop();
获取滚动条左侧的垂直宽度:$(document)的ScrollLeft();
单元位置和偏移量的计算
偏移法是一种非常有用的方法,它返回包装器中第一个元素的偏移量信息。默认值是相对体的偏移信息。结果包含上下两个属性。
偏移(选项,结果)
Options.relativeTo指出,相对于偏移位置的祖先元素。这个元素应该是相对或绝对位置。省略号是相对于体。
如果options.scroll计算滚动条,默认的真实
如果options.padding计算填充,默认为false
如果options.margin计算保证金,默认为true
如果options.border计算边界,默认值为真