獲取瀏覽器窗口的可視區(qū)域高度和寬度

• document.body.clientWidth ==> BODY對象寬度
• document.body.clientHeight ==> BODY對象高度
• document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?/li>
• document.documentElement.clientHeight ==> 可見區(qū)域高度
• document.body.clientWidth ==> 網(wǎng)頁可見區(qū)域?qū)?/li>
• document.body.clientHeight ==> 網(wǎng)頁可見區(qū)域高
• document.body.offsetWidth ==> 網(wǎng)頁可見區(qū)域?qū)?包括邊線的寬)
• document.body.offsetHeight ==> 網(wǎng)頁可見區(qū)域高(包括邊線的高)
• document.body.scrollWidth ==> 網(wǎng)頁正文全文寬document.body.scrollHeight ==> 網(wǎng)頁正文全文高
• document.body.scrollTop ==> 網(wǎng)頁被卷去的高
• document.body.scrollLeft ==> 網(wǎng)頁被卷去的左
• window.screenTop ==> 網(wǎng)頁正文部分上
• window.screenLeft ==> 網(wǎng)頁正文部分左
• window.screen.height ==> 屏幕分辨率的高
• window.screen.width ==> 屏幕可用工作區(qū)高度
• window.screen.availHeight ==> 屏幕可用工作區(qū)高度
• window.screen.availWidth ==> 屏幕可用工作區(qū)寬度

部分jquery函數(shù)獲取方法

• $(window).height() 　 //瀏覽器時下窗口可視區(qū)域高度
• $(document).height()　 //瀏覽器時下窗口文檔的高度
• $(document.body).height()　　　　　　//瀏覽器時下窗口文檔body的高度
• $(document.body).outerHeight(true)　//瀏覽器時下窗口文檔body的總高度 包括border padding margin
• $(window).width() 　 //瀏覽器時下窗口可視區(qū)域?qū)挾?/li>
• $(document).width() //瀏覽器時下窗口文檔對于象寬度
• $(document.body).width()　　　　　//瀏覽器時下窗口文檔body的高度
• $(document.body).outerWidth(true)　 //瀏覽器時下窗口文檔body的總寬度 包括border padding

HTML精確定位: scrollLeft,scrollWidth,clientWidth,offsetWidth

• scrollHeight: 獲取對象的滾動高度。
• scrollLeft: 設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離
• scrollTop: 設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離
• scrollWidth: 獲取對象的滾動寬度
• offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度
• offsetLeft: 獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置
• offsetTop: 獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置
• event.clientX 相對文檔的水平座標(biāo)
• event.clientY 相對文檔的垂直座標(biāo)
• event.offsetX 相對容器的水平坐標(biāo)
• event.offsetY 相對容器的垂直坐標(biāo)
• document.documentElement.scrollTop 垂直方向滾動的值
• event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動的量

alert($(document).scrollTop()); //獲取滾動條到頂部的垂直高度

alert($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度