(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/