首页 > 其他 > 详细

获取各环境下的页面尺寸信息

时间:2018-09-22 11:57:08      阅读:156      评论:0      收藏:0      [点我收藏+]

js代码

//获取各环境下的页面尺寸信息
function GetPageSize() {
    var scrW, scrH;
    if(window.innerHeight && window.scrollMaxY) {
        // Mozilla
        scrW = window.innerWidth + window.scrollMaxX;
        scrH = window.innerHeight + window.scrollMaxY;
    } else if(document.body.scrollHeight > document.body.offsetHeight){
        // all but IE Mac
        scrW = document.body.scrollWidth;
        scrH = document.body.scrollHeight;
    } else if(document.body) { // IE Mac
        scrW = document.body.offsetWidth;
        scrH = document.body.offsetHeight;
    }
    var winW, winH;
    if(window.innerHeight) { // all except IE
        winW = window.innerWidth;
        winH = window.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        // IE 6 Strict Mode
        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;
    } else if (document.body) { // other
        winW = document.body.clientWidth;
        winH = document.body.clientHeight;
    }
    var scrollPos; 
    if (typeof window.pageYOffset != ‘undefined‘) {
        scrollPos = window.pageYOffset;
    } 
    else if (typeof document.compatMode != ‘undefined‘ && document.compatMode != ‘BackCompat‘) { 
        scrollPos = document.documentElement.scrollTop;
    }
    else if (typeof document.body != ‘undefined‘) {
        scrollPos = document.body.scrollTop;
    }
    var pageW = (scrW<winW) ? winW : scrW;
    var pageH = (scrH<winH) ? winH : scrH;

    return {PageW:pageW, PageH:pageH, WinW:winW, WinH:winH,scroll:scrollPos};
}

var asd=GetPageSize();

console.log(asd);

技术分享图片

 

获取各环境下的页面尺寸信息

原文:https://www.cnblogs.com/linyusong/p/9689509.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!