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

这是一个fiddle：https://jsfiddle.net/BenjaminRay/5ucvb91x/