Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery计算高度_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用jquery计算高度

Javascript 如何使用jquery计算高度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想计算从顶部到添加链接点的高度 如何计算高度?例如,我们使用: w = $(window).height(); 计算窗户的高度 同样,我想计算锚定标记的高度 <a href="#" id="calc"></a> 我试过上面的代码,但它返回高度的18px,因为它正在计算锚定标记的高度。您可以使用 获取第一个元素的当前坐标,或设置匹配元素集中每个元素相对于文档的坐标 演示: console.log($('#calc').offset().top) 正文{ 保证金:

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

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

w = $(window).height(); 
计算窗户的高度

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

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

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

您可以使用

获取第一个元素的当前坐标,或设置匹配元素集中每个元素相对于文档的坐标

演示:

console.log($('#calc').offset().top)
正文{
保证金:0;
}
a{
显示:内联块;
边缘顶部:100px;
}

锚定标签从顶部到锚定标签顶部边缘的高度

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

锚定标签从顶部到锚定标签底部边缘的高度

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

offset()。top对您很有帮助。。但是如果你在这里写一些HTML代码,那么我可以给出准确的答案。!!我使用以下代码根据高度h=$('.calc').offset().top w=$(window.height())调整弹出窗口;警报(h);警报(w);var-cal=(w-h)/2;警报(cal)$('.pop').css('margin-top',(w-h)/2+“px”);h=$('.calc').offset().top;高度将随列表格式中的提及而变化。如何在中心显示弹出窗口