java中可视窗口_原生javasxript获取浏览器的滚动距离和可视窗口的高度

原生javasxript获取浏览器的滚动距离和可视窗口的高度

//封装兼容性方法获取滚动的距离

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

}

}

}

//获取可视窗口的宽高

function getViewportOffset(){

if(innerWidth){

return{

w : window.innerWidth,

h : window.innerHeight

}

}else{

if(document.compatMode == "BackCompat"){

return{

w : document.body.clientWidth,

h : document.body.clientHeight

}

}else{

return{

w : document.documentElement.clientWidth,

h : document.documentElement.clientHeight

}

}

}

}