1. 程式人生 > >獲取各環境下的頁面尺寸信息

獲取各環境下的頁面尺寸信息

turn scrollto js代碼 bubuko mode The fin 技術 cti

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);

技術分享圖片

獲取各環境下的頁面尺寸信息