我有一个由几个框架和子框架组成的网页，并且想知道其中一个子框架中的元素相对于视口的位置。
例子
让我们假设以下框架布局：
|----------------------|
|Frame A | Frame B |
| | |
------------------------
|Frame C | Frame D |
| | #myDiv |
------------------------
我有四个帧A,B,C,D并且在帧D中有一个元素#myDiv。我知道我可以使用 jQuery 的offset()方法来获取元素相对于文档的位置，在我的例子中是框架 $D$ 的文档。但是，我想要的是#myDiv相对于整个视口左上角的位置。
有人对此有很好的解决方案吗？我花了一些时间在 Stackoverflow 上阅读诸如此类的答案，但所提出的解决方案似乎都不适用于上述情况。
有没有人知道一个好的解决方案？