javascript - jQueryを使用して2つのDIV間の距離を見つけますか?

Question

計算されたブラウザーの距離 (高さ) を知る必要がある 2 つの DIV があります。オフセット機能について読みましたが、例は私がこれをやろうとしている方法で書かれていませんでした.

使用例:

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

二人の距離が知りたいです。

jQueryで距離を動的に見つけるのを手伝ってください。

Answer 1

このようなものが動作するはずです：

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

各クラスがページに要素を 1 つだけ持つ限り。
それらが一意でない場合は、2 つの要素に ID を指定し、それを参照します。

Answer 2

使用.offset():

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