极客观点
项目管理
HarmonyOS
不用jquery的情况下，因为用的是vue框架，获取元素到页面顶端的距离
demo的代码如下：
问题1 offsetTop只能获取到有定位元素父级的距离，怎么获取到页面顶端距离呢
问题2 子级有了transform 24px但offsetTop却获取不到 下面打印出来的值是0
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p>dddddddddddddd</p>
<div class="box">
<div class="child">
</div></div>
</body>
<style>
p{
line-height:29px;
font-size:29px}.box{
width:100px;
height:100px;
margin-top: 120px;
margin-left:180px;
border:2px solid green;
position: relative;}.child{
width:50px;
height:50px;
transform: translateY(24px);
border:1px solid red; }</style>
<script>
var Child=document.getElementsByClassName('child')[0]
var Box=document.getElementsByClassName('box')[0]
console.log(Child.offsetTop) // 得到0
console.log(Box.offsetTop); //178
// console.log(Box.offsetLeft)
// offsetTop //有定位元素的父级距离
</script>
</html>
getBoundingClientRect().top
见问题1回答；
对么？