获取元素位置的position()与offset()方法区别介绍

看,田野里的玉米露出了笑脸,秋风吹过,闪烁着太阳的光芒,秋天是金色的。看满山的枫叶,红得就像一团火焰在熊熊燃烧,散发着生机,秋天是红色的。呵呵,我们都错了,秋天不是金黄的,也不是红色的,秋天是五颜六色的。
使用jQuery获取元素位置时,我们会使用position()或offset()方法,两个方法都返回一个包含两个属性的对象-左边距和上边距,它们两个的不同点在于位置的相对点不同。

position()获取相对于它最近的具有相对位置(position:relative)的父级元素的距离,如果找不到这样的元素,则返回相对于浏览器的距离。

offset()始终返回相对于浏览器文档的距离,它会忽略外层元素。

以上就是获取元素位置的position()与offset()方法区别介绍。吃醋是因为喜欢,生气是因为在乎,发呆是因为想念,伤心是因为不想失去。更多关于获取元素位置的position()与offset()方法区别介绍请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
background-position百分比原理详解

详解flex布局与position:absolute/fixed的冲突问题

CSS之定位布局(position,定位布局技巧)

详解css粘性定位position:sticky问题采坑

css position属性为absolute时其百分值的计算