標籤:距離 座標 方法 nbsp scrollto client offsetx body 容器
擷取瀏覽器視窗的可視地區高度和寬度,捲軸高度。
document.body.clientWidth ==> BODY對象寬度document.body.clientHeight ==> BODY對象高度document.documentElement.clientWidth ==> 可見地區寬度document.documentElement.clientHeight ==> 可見地區高度 document.body.clientWidth ==> 網頁可見地區寬 document.body.clientHeight ==> 網頁可見地區高document.body.offsetWidth ==> 網頁可見地區寬(包括邊線的寬)document.body.offsetHeight ==> 網頁可見地區高(包括邊線的高)document.body.scrollWidth ==> 網頁本文全文寬document.body.scrollHeight ==> 網頁本文全文高document.body.scrollTop ==> 網頁被捲去的高document.body.scrollLeft ==> 網頁被捲去的左window.screenTop ==> 網頁本文部分上window.screenLeft ==> 網頁本文部分左window.screen.height ==> 螢幕解析度的高window.screen.width ==> 螢幕可用工作區高度window.screen.availHeight ==> 螢幕可用工作區高度window.screen.availWidth ==> 螢幕可用工作區寬度
jquery函數擷取方法
$(window).height() //瀏覽器時下視窗可視地區高度 $(document).height() //瀏覽器時下視窗文檔的高度 $(document.body).height() //瀏覽器時下視窗文檔body的高度 $(document.body).outerHeight(true) //瀏覽器時下視窗文檔body的總高度 包括border padding margin $(window).width() //瀏覽器時下視窗可視地區寬度 $(document).width() //瀏覽器時下視窗文檔對於象寬度 $(document.body).width() //瀏覽器時下視窗文檔body的高度 $(document.body).outerWidth(true) //瀏覽器時下視窗文檔body的總寬度 包括border paddingalert($(document).scrollTop()); //擷取捲軸到頂部的垂直高度alert($(document).scrollLeft()); //擷取捲軸到左邊的垂直寬度
HTML精確定位: scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 擷取對象的滾動高度。 scrollLeft: 設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離 scrollTop: 設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離 scrollWidth: 擷取對象的滾動寬度 offsetHeight:擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度 offsetLeft: 擷取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置 offsetTop: 擷取對象相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置 event.clientX 相對文檔的水平座標 event.clientY 相對文檔的垂直座標 event.offsetX 相對容器的水平座標 event.offsetY 相對容器的垂直座標 document.documentElement.scrollTop 垂直方向滾動的值 event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量
擷取網頁螢幕可見地區高度