JAVA/Jquery

jquery 각종위치 함수

왕왕왕왕 2016. 10. 21. 08:12

innerWidth() : 400 box사이즈(padding,scrollBar포함)
outerWidth() : 402 box사이즈(border,padding,scrollBar포함)
position().top : 50 parent(wrap)로 부터 위치
offset().top : 101 document로 부터 위치
height() : 250 style에 작성한 사이즈
offsetParent().offset().left : 50 parent에 접근

$(window).height(): 983 브라우저 화면사이즈
$(document).height(): 1052 문서사이즈
$(window).scrollTop() : 0 객체 스크롤 값


box2 $(this).bind 마우스좌표

clientX : 799 브라우저기준(스크롤무시)
clientY : 459 브라우저기준(스크롤무시)
pageX : 799 document기준
pageY : 459 document기준
offsetX : 799 객체기준(마우스가 지나는 객체가 변함)
offsetY : 459 객체기준(마우스가 지나는 객체가 변함)
screenX : 1049 모니터기준
screenY : 622 모니터기준
box3 $("#box3").bind 마우스좌표
offsetX : 34 객체기준
offsetY : -9 객체기준
e.pageX-$box3.offset().left:46 직접계산
e.pageY-$box3.offset().top:55 직접계산