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