자바 스크립트를 사용하여 모니터와 관련된 요소 위치 가져 오기

Question

작업중인 페이지뿐만 아니라 전체 모니터에 상대적으로 요소의 위치를 ​​가져 오는 방법이 있습니까? 지금까지 발견 한 모든 솔루션은 페이지에서 요소의 위치를 ​​찾을 수 있지만 버튼이 화면 어디에 있는지는 내 페이지뿐만 아니라 전체 페이지에서 확인할 수 있는지 궁금합니다.

Answer 1

을 포함하여 작업 표시 줄 :

window.screen.availHeight 
window.screen.availWidth 

하면 작업 표시 줄이 앉아 위치를 알고, 그래서 만약 모든 주요 모바일 기기에서 지원

window.screen.width 
window.screen.height 

, 그 간단한 계산을 포함하지 않는 차이를 파악하는 ... 그런 다음 jquerys 오프셋 기능에 적용 :

$('#myElement').offset().top 
$('#myElement').offset().left 

또는 원시 js :

var myElement = document.getElementById('myElement'); 

myElement.offsetTop 
myElement.offsetLeft 

희망이 있습니다. :)

Answer 2

브라우저가 작동 시스템 렌더링에서 어디에 있는지 알 수 없습니다. 일부 브라우저는이를 지원하지만 이것이 보장되지는 않습니다. 그리고 그것을 지원하는 사람들은 (다중 모니터와 같이) 제어 할 수없는 여러 개의 가장자리 경우가 있습니다.