不用jquery的情况下，因为用的是vue框架，获取元素到页面顶端的距离demo的代码如下：问题1 offsetTop只能获取到有定位元素父级的距离，怎么获取到页面顶端距离呢问题2 子级有了transform 24px但offsetTop却获取不到 下面打印出来的值是0<!doctype html><html><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) // 得到0console.log(Box.offsetTop); //178// console.log(Box.offsetLeft)// offsetTop //有定位元素的父级距离</script></html>
1 回答
肥皂起泡泡
TA贡献1829条经验 获得超6个赞
问题1 offsetTop只能获取到有定位元素父级的距离，怎么获取到页面顶端距离呢
问题2 子级有了transform 24px但offsetTop却获取不到 下面打印出来的值是0
见问题1回答；
对么？
添加回答
举报
0/150
提交
取消