반응형
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
반응형