wie Höhe mit jquery

Question

berechnen Ich möchte die Höhe von der Spitze zu dem Punkt berechnen, wo ich Link hinzugefügt habe.

Wie kann ich berechnen Höhe zum Beispiel verwenden wir:

w = $(window).height(); 

die Höhe des Fensters zu berechnen.

Ebenso möchte ich die Höhe des Anker-Tag

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

aus dem Header auf den Punkt berechnen, wo der Anker hinzugefügt wird?

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

Ich habe oben Code versucht, aber es 18px der Höhe zurück, da sie die Höhe dieser Anker-Tag berechnet wird.

Answer 1

Sie können es mit offset().top berechnen.

Ruft die aktuellen Koordinaten des ersten Elements ab oder legt die Koordinaten jedes Elements in der Menge der übereinstimmenden Elemente relativ zum Dokument fest.

Demo:

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

Höhe von oben nach Ankertag ab Oberkante Ankertag

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

Höhe von oben nach Ankertag von Unterkante Ankermarkierung

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