（（jQuery）在DIV中计算距离元素

Question

我有元素<div id="container">和第二个元素<div id="element">内部。我想计算距离元素<div id="element">到jQuery中顶部的第一个div。

<div id="container">

   <br><br><br><br><br><br><br><br>

  <div id="element"></div>

</div>

我该怎么做？

Answer 1

您可以使用jQuery的position()来计算两个元素的位置之间的差。

var dist = $('#element').position().top - $('#container').position().top;

这里是小提琴：https://jsfiddle.net/BenjaminRay/5ucvb91x/