通过javascript获取元素相对于moniter的位置

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

您无法知道浏览器在操作系统渲染中的位置。有些浏览器支持它，但不能保证它在任何地方都能正常工作。并且在那些支持它的情况下，有多个你无法控制的边缘情况（如多个显示器）