jQuery 中 position 方法与 offset 方法的不同

遇到了一个问题:

http://stackoverflow.com/questions/5408150/determining-an-elements-absolute-on-document-position#answer-5408172

如果我们在 jQuery 里面想获取一个元素的位置,例如到顶部的位置我们可以用:

$('#element').position().top;
$('#element').position().left;

这个 position 方法可以返回一个字典: { top: ???, left: ??? }

但是问题在于,这个 position 返回的位置是相对它的定位祖先的(第一个非 static 定位的祖先元素的盒模型)。

如果我们要获取其相对于整个文档的位置,我们可能要使用 offset 方法来实现,其函数签名一样,但位置是相对于文档的。

大多数情况下,offset 方法的行为更接近我们的期望。


【转载请附】愿以此功德,回向 >>

原文链接:https://www.huangwenchao.com.cn/2014/12/jquery-offset-position.html【jQuery 中 position 方法与 offset 方法的不同】

发表评论

电子邮件地址不会被公开。 必填项已用*标注