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

javascript

浏览数:267

2019-1-8

AD:资源代下载服务


原生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
            }
        }
    }
}