jquery – 获取元素相对于其父元素的距离

前端之家收集整理的这篇文章主要介绍了jquery – 获取元素相对于其父元素的距离前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如何获取元素相对于其父元素的距离/偏移/位置.

与jQuery的position()函数不同,它是相对于父对象偏移位置的位置,我需要得到元素的(假设)稳定位置,因为它距离contains / parent元素顶部的距离.

例:

<div id="parent">
  <div id="pos1">Has a position of 0px from top of containing parent el.</div>
  <br style="height:20px;">
  <br style="height:20px;">
  <div id="pos2">Has a position of 40px from top of containing parent el.</div>
</div>

因此,无论父元素在文档中的位置如何,pos1和pos2的位置将被报告相同,因为它们相对于其父元素不会更改…

这可能吗?

解决方法

这应该做到:
$('#pos1').offset().top - $('#pos1').parent().offset().top - $('#pos1').parent().scrollTop()

猜你在找的jQuery相关文章