jquery scrollTop을 사용하여 절대 Div의 위치 지정

Question

사용자가 페이지를 클릭하는 위치에 따라 Jquery를 사용하여 Absolute DIV를 배치하려고합니다. 이이 내 마우스가 화면을 클릭 한 정확하게 요소를 배치

$('#window').css('left', jsEvent.pageX); 
$('#window').css('top', jsEvent.pageY); 

단지 위대한 작품을 순간

...

당신이이 아래로 스크롤 할 때까지. 이것이 내가 페이지의 상단에서부터 픽셀의 양을 고려하여 무언가를 이루려는 이유입니다. 이런 생각 ...

$('#window').css('top', jsEvent.pageY + scrollTop()); 

트릭을 할 수 있지만, 불행히도 작동하지 않습니다.

힌트가 있습니까?

감사합니다,

이 확실히 파이어 폭스에서 작동

Answer 1

팀. 따라서 Chrome, Safari 및 Opera에서 작동해야합니다. 그러나 IE는 완전히 확신하지 못합니다. 한번 해봐.

$('#window').css({ 
    left: e.clientX 
    , top: e.clientY + document.documentElement.scrollTop 
}); 

편집 : 모든 브라우저하지 않을 경우이 새로운 버전은 대부분의 작동합니다.

var rxp = /webkit/gi; 

$('#window').css({ 
    left: e.clientX 
    , top: e.clientY + rxp.test(window.navigator.userAgent) ? document.body.scrollTop : document.documentElement.scrollTop 
});