본문 바로가기

[자바스크립트] 브라우저별 포지션 정보 정리 (Browser Position Information)

 

브라우저별 포지션 정보 정리 (Browser Position Information)

 

 

W : window,DE : document.documentElement,DB : document.body (1800px*1800px)

 

Property IE9 Chrome
( 15.0.874.121 m )
Firefox
( 8.0.1 )
W.innerWidth/Height 1280 / 714 1280 / 713 1280 / 705
W.outerWidth/Height 1296 / 816 1280 / 800 1296 / 816
W.screenLeft/Top 0 / 85 0 / 0 undefined / undefined
W.screenX/screenY -8 / -8 0 / 0 -8 / -8
W.pageXOffset/pageXOffset 0 / 0 0 / 0 0 / 0
DE.offsetWidth/offsetHeight 1280 / 714 1800 / 1800 1800 / 1800
DE.offsetLeft/offsetTop 0 / 0 0 / 0 0 / 0
DE.clientWidth/clientHeight 1263 / 697 1263 / 696 1263 / 688
DE.scrollLeft/scrollTop 0 / 0 0 / 0 0 / 0
DE.scrollWidth/scrollHeight 1800 / 1800 1800 / 1800 1800 / 1800
DB.offsetWidth/offsetHeight 1800 / 1800 1800 / 1800 1800 / 1800
DB.offsetLeft/offsetTop 0 / 0 0 / 0 0 / 0
DB.clientWidth/clientHeight 1800 / 1800 1800 / 1800 1800 / 1800
DB.scrollLeft/scrollTop 0 / 0 0 / 0 0 / 0
DB.scrollWidth/scrollHeight 1800 / 1800 1800 / 1800 1800 / 1800

오브젝트 Left 좌표 : document.body.offsetLeft

오브젝트 scrollLeft/scrollTop 좌표 : IE/FF(document.documentElement.scrollLeft/scrollTop), Chorme(document.body.scrollLeft/scrollTop