如何获取元素的相对于屏幕的距离?

来源:互联网 发布:java宾馆客房管理系统 编辑:程序博客网 时间:2024/06/06 18:09

如何获取元素的相对于屏幕的距离?

原生的js有一个函数getBoundingClientRect()

例子如下:

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>获取元素的相对于屏幕的距离</title>    </head>    <body>        <div id="div"></div>        <script>            var oDiv = document.getElementById("div");            console.log(oDiv.getBoundingClientRect());        </script>    </body></html>

结果如图:

浏览器上图片

原创粉丝点击