如何得到元素的顶部位置？

是否可以使用 javascript/jquery 获得元素的顶部位置？

元素是一个表，如果这很重要的话。

137617 次浏览

小开

试试: $('#mytable').attr('offsetTop')

小开

$("#myTable").offset().top;

这将给出任何对象的计算偏移量(相对于文档)。

小开

最佳答案

如果你想要相对于文档的位置，那么:

$("#myTable").offset().top;

但通常你想要的位置相对于最接近的位置父:

$("#myTable").position().top;

小开

var top = event.target.offsetTop + 'px';

父元素位于顶部，就像我们在 div 中添加元素一样

var rect = event.target.offsetParent;
rect.offsetTop;

小开

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>position demo</title>
<style>
div {
padding: 15px;
}
p {
margin-left: 10px;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 

<div>
<p>Hello</p>
</div>
<p></p>
 

<script>
var p = $( "p" ).first();
var position = p.position();
$( "p" ).last().text( "left: " + position.left + ", top: " + position.top );
</script>
 

</body>
</html>