获取视口尺寸/滚动条的位置

//查询窗口滚动条的位置

//以一个对象的x和y属性的方式返回滚动条的偏移量
function getScrollOffsets(w) {
    w = w || window;//使用指定的窗口，如果不带参数则使用当前窗口


    //除IE8及更早的版本以外，其他浏览器都能使用
    if (w.pageXOffset != null) {
        return { x: w.pageXOffset, y: w.pageYOffset };
    }


    //对标准模式下的IE(或任何浏览器)
    var d = w.document;
    if (document.compatMode == 'CSS1Compat') {
        return { x: d.documentElement.scrollLeft, y: d.documentElement.scrollTop };
    }

    //对怪异模式下的浏览器
    return { x: d.body.scrollLeft, y: body.scrollTop };
}




//查询窗口的视口尺寸


//作为一个对象的w和h属性返回视口的尺寸
function getViewportSize(w) {
    //使用指定的窗口，如果不带参数则使用当前窗口
    w=w||window;

    if (w.innerWidth != null) {
        return { w: w.innerWidth, h: w.innerHeight };
    }


    //对标准模式下的IE(或任何浏览器)
    var d = w.document;
    if (document.compatMode == 'CSS1Compat') {
        return { w: d.documentElement.clientWidth, h: d.documentElement.clientHeight};
    }

    //对怪异模式下的浏览器
    return { w: d.body.clientWidth, h: d.body.clientHeight};

}

 

转载于:https://www.cnblogs.com/superZz/p/5839508.html