页面滚动条的获取、可视区窗口

滚动条位置的封装

<script>
function getScrollOffset(){
if(window.pageXOffset){
return {
x:window.pageXOffset,
y:window.pageYOffset
}
}else{
return {
x:document.body.scrollLeft+document.documentElement.scrollLeft,
y:document.body.scrollTop+document.documentElement.scrollTop
}
}
}
</script>

 

可视区窗口：

就是你的HTML呈现出来的范围部分

<script>
function getViewportOffset(){
if(window.innerWidth){
return {
w:window.innerWidth,
h:window.innerHeight
}
}else{
if(document.compatMode==='BackCompat'){
return {
w:document.body.scrollLeft+document.documentElement.scrollLeft,
h:document.body.scrollTop+document.documentElement.scrollTop
}
}else{
return {
w:document.documentElement.clientWidth,
h:document.documentElement.clientHeight
}
}

}
}
</script>

转载于:https://www.cnblogs.com/yangwan/p/10134061.html