码迷,mamicode.com
首页 > Web开发 > 详细

[原]js获取dom元素的实际位置及相对坐标

时间:2017-04-26 13:05:02      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:over   ott   相对   获取   api   set   cal   -o   develop   

关键API:

Element.getBoundingClientRect()

mdn:https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

 

用法:

var rect = element.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left);

 

获取相对位置:

var bodyRect = document.body.getBoundingClientRect(),
    elemRect = element.getBoundingClientRect(),
    offset   = elemRect.top - bodyRect.top;

alert(‘Element is ‘ + offset + ‘ vertical pixels from <body>‘);

 

参考网址:http://stackoverflow.com/questions/442404/retrieve-the-position-x-y-of-an-html-element

 

我只是个搬运工,一起学习了~

[原]js获取dom元素的实际位置及相对坐标

标签:over   ott   相对   获取   api   set   cal   -o   develop   

原文地址:http://www.cnblogs.com/DarkMaster/p/6767662.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!