JS和JQUERY取得頁面大小,捲軸位置,元素位置(範例程式碼)_jquery

function GetPageSize() {
var scrW, scrH;
if(window.innerHeight && window.scrollMaxY)
{    // Mozilla .Maxo Maxoo>Maxooo.Fdow -Ft. >scrH = window.innerHeight window.scrollMaxY;
}
else if(document.body.scrollHeight > document.body.offsetHeight)
{    // all 調整 IE Mac p. .scrollWidth;   
scrH = document.body.scrollHeight;
} else if(document.body)
{ // IE Mac   關於🎜>scrW = document.body.com .body.offsetHeight;
}
var winW, winH;
if(window.innerHeight)
{ // all except IE   
winW = window.innerWidths } else if (document.documentElement && document.documentElement.clientHeight)
{    // IE 6 Strict Mode   . entElement. clientHeight;
} else if (document.body) { // other   
winW = document.body.clientWidth;   
winH = document.body. forHeight; size less then the viewport
var pageW = (scrWvar pageH = (scrHreturn {HageW:page, Page, WinW:winW, WinH:winH};

};



//捲軸位置


function GetPageScroll()

var x / all except IE   

x = window.pageXOffset; } else if(遠聲🎜 >y = document.documentElement.scrollTop;    x = document.documentElement.scrollLeft;
} else if(document.body) {    >x = document.body.scrollLeft;   } return {X:x, Y:y};

}




jquery



取得瀏覽器顯示區域的高度： $(window).height();
取得瀏覽器顯示區域的寬度：$(window).width();
取得頁面的文件高度：$ (document).height();
取得頁面的文檔寬度：$(document).width();

取得滾動條到頂部的垂直高度 ：$(document).scrollTop();
取得捲軸到左邊的垂直寬度 ：$(document).scrollLeft();