.position()和.offset()之间的区别和一个有趣的观察？

Question

问题:.offset()和.position()之间有什么区别？

我读了一些关于这方面的文档,但我仍然不清楚这两者之间的真正区别.我会要求一个简单的解释.

我的观察:

我写了一个javascript代码,我放在网页(.aspx)本身.javascript基本上是设置模态弹出窗口的位置.在那段代码中,我用.position()来获取div的位置,我将放置模态弹出窗口.现在,这是扭曲 - 当我将javascript代码移动到一个单独的js文件时,.position()完​​全没有正常工作,而我使用.offset()并且它工作正常.

我会请求解释一下吗？

Answer 1

这取决于元素所处的上下文.位置返回相对于偏移父项的位置,而offset相对于文档执行相同的操作.显然,如果文档是偏移父代(通常是这种情况),则它们将是相同的.

但是,如果你有这样的布局:

 <div style="position: absolute; top: 200; left: 200;">
     <div id="sub"></div>
 </div>

然后sub的偏移量为200:200,但其位置为0:0.

希望它有意义.