javascript - 如何使用jquery计算高度

Question

我想计算从顶部到添加链接点的高度。

我如何计算高度，例如我们使用:

w = $(window).height(); 

计算窗口的高度。

同样我想计算 anchor 标签的高度

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

从标题到添加该 anchor 的位置？

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

我试过上面的代码，但它返回 18px 的高度，因为它正在计算该 anchor 标记的高度。

Answer 1

您可以使用 offset().top 计算它.

Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document.

演示:

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>