如何使用jquery

Question

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

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

w = $(window).height(); 

计算窗口的高度。

同样，我想计算锚标记的高度

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

从标题到添加锚点的位置？

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

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

Answer 1

您可以使用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;

从锚标记底部边缘的锚标记顶部高度

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