Javascript HTML元素相对于屏幕的位置

我试图获取div元素相对于屏幕的位置。 我到处阅读，仍然找不到解决方案，我的代码目前是：

var myElement = document.getElementById('pi');
var myElement2 = document.body;

alert (myElement.offsetTop + ',' + myElement.offsetLeft);
alert (myElement2.offsetTop + ',' + myElement2.offsetLeft);
alert (window.screenX);

我得到的是我的div元素的8,8，它不是真正的位置

HTML代码：

fffddd

假设浏览器的左边缘是主体的左边缘，并且window.innerHeight和window.outerHeight之间的所有差异都在主体上方，您可以更接近您所要求的内容。关于多显示器设置，此处还有其他假设

xPos = myElement.offsetLeft + window.screenX;
yPos = myElement.offsetTop + window.screenY + window.outerHeight -

窗高

让myElement=document.body，
xPos=myElement.offsetLeft+window.screenX，
yPos=myElement.offsetTop+window.screenY+window.outerHeight-
窗高；
警报（xPos+'、'+YPO）实际位置应该是什么？没有任何与您的问题相关的代码…看起来您的元素在iframe中是8,8，它在jsfiddle中。如果你知道是这样的话，你需要使用类似的代码获得iFrAMP的位置并添加这些值。@ MAMUN应该是相对于我的屏幕的位置，DIV出现在我的屏幕中间，而我的屏幕肯定不是16x16: