jqueryを使用して高さを計算する方法

Question

トップからリンクを追加したポイントまでの高さを計算したいと思います。

w = $(window).height(); 

ウィンドウの高さを計算する：

は、どのように私は我々が使用する例えば高さを計算することができます。

同様に、私はそのアンカーが追加される地点にヘッダからアンカータグ

<a href="#" id="calc"></a> 

の高さを計算したいですか？

outerh = $('#calc').outerHeight(); 
innerh = $('#calc').innerHeight(); 

私は、コードの上にしようとしているが、それはそのアンカータグの高さを計算しているので、それは高さの18pxを返します。

Answer 1

offset().topを使用して計算できます。

最初の要素の現在の座標を取得するか、一致する要素のセット内のすべての要素の座標をドキュメントに対して設定します。

デモ：アンカータグの下端からアンカータグの上部から

height_top= $('#calc').offset().top; 

全高の上端からアンカータグの上部から

console.log($('#calc').offset().top);

body { 
 
    margin:0; 
 
} 
 

 
a { 
 
    display:inline-block; 
 
    margin-top:100px; 
 
}

<script src="https://code.jquery.com/jquery-3.0.0.js"></script> 
 
<a href="#" id="calc">link</a>

Answer 2

身長アンカータグ

height_top= $('#calc').offset().top + $('#calc').outerHeight();