(jQuery) DIV中的Calc距离单元

Question

我有元素<div id="container">和第二个元素<div id="element">。我希望calc距离元素<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/