为了账号安全,请及时绑定邮箱和手机立即绑定

如何正确计算元素(父级有相对定位)的offset值

如何正确计算元素(父级有相对定位)的offset值

慕哥9229398 2019-03-05 13:08:31
在计算元素的offset的时候,如果其多个父级定位有相对定位,则该元素的offset的值会受相对定位的影响。比如想算div.container 的offset,则会有60像素的偏移。
查看完整描述

2 回答

?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

查看完整回答
反对 回复 2019-03-12
?
繁星点点滴滴

TA贡献1803条经验 获得超3个赞

不会呀,估计你代码有其他问题


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>


<body>

    <style>

        body{margin:0;padding:0;position:relative;}

        #box{position:relative;width:200px;height:200px;background:#ddd;margin:25px auto;}

        #test{width:100px;height:100px;background:#000;margin:0 auto;}

        .big{position:relative;width:250px;height:250px;background:#dd4215;margin:20px auto;overflow:hidden;}

    </style>

    <div class="big">

        <div id="box">

            <div id="test"></div>

        </div>

    </div>

    <button>点我看offsetTop</button>

    

    <script>

        var oTest = document.getElementById('test');

        var oButton = document.getElementsByTagName('button')[0];

        

        oButton.onclick = function () {

            alert('top:' + oTest.offsetTop + '\r\nleft:' + oTest.offsetLeft)

        };

    </script>

</body>

</html>


查看完整回答
反对 回复 2019-03-12
  • 2 回答
  • 0 关注
  • 922 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信