document.body.scrollTop 쓸 때 스크롤 시 주의

document.body.scrollTop 쓸 때 스크롤 시 주의

 

작성일: 2010.08.17

작성자: 권희영

 

마우스의 현재 포인트의 좌표값을 받아올 때

 

x 좌표: document.body.scrollLeft

y 좌표: document.body.scrollTop

 

사용 예)

event = window.event;

 

x = document.body.scrollLeft + event.clientX;

y = document.body.scrollTop+ event.clientY;

 

위와 같이 사용한다.

그런데 위와 같이 사용했을 때 스크롤을 내리면 내린만큼의 값을 받아오지 못한다.

이럴때 대체방법은 document.documentElement.scrollTop 이렇게 쓰면 된다.

 

그러나 저 방법으로 사용할 때에는 ie7이상부터 가능하며 파이어폭스에서는 실행되지 않는다.

 

[참고 사이트]

브라우저별 scrollTop 값에 대한 설명 : http://www.webuit.com/160

브라우저별 좌표값 얻어내기 : http://jmvidal.cse.sc.edu/talks/javascriptinbrowser/windowgeometry.html

참고 포트터 : http://paranbarami.tistory.com/314