使用jQuery查找两个DIV之间的距离？

Question

我有两个DIV,我需要知道它们的计算浏览器距离(高度).我已经阅读了有关偏移功能的内容,但示例并非按照我尝试这样做的方式编写.

用法示例:

<div class="foo"></div>
<div class="bar"></div>

我想知道这两者之间的距离.

请帮我用jQuery动态找到距离.

Answer 1

这样的事情应该有效:

$('.foo').offset().top - $('.bar').offset().top

只要每个类在页面上只有一个元素.
如果它们不是唯一的,请为这两个元素提供ID和引用.

Answer 2

用途.offset():

$('.foo').offset().top - $('.bar').offset().top