获取定位元素相对于浏览器窗口的绝对位置
2017-07-19 00:00
645 查看
//获取定位元素相对于浏览器窗口的绝对位置
function _getAbsolutePosition(obj) {
//如果函数没有传入值的话返回对象为空的
if(!obj)return null;
var w = obj.offsetWidth, h = obj.offsetHeight;
//从目标元素开始向外遍历,累加top和left值
var t, l;
for (t = obj.offsetTop, l = obj.offsetLeft; obj = obj.offsetParent;) {
t += obj.offsetTop;
l += obj.offsetLeft;
}
var r = document.body.offsetWidth - w - l;
var b = document.body.offsetHeight - h - t;
返回定位元素的坐标集合
return {width: w, height: h, top: t, left: l, right: r, bottom: b};
}
function _getAbsolutePosition(obj) {
//如果函数没有传入值的话返回对象为空的
if(!obj)return null;
var w = obj.offsetWidth, h = obj.offsetHeight;
//从目标元素开始向外遍历,累加top和left值
var t, l;
for (t = obj.offsetTop, l = obj.offsetLeft; obj = obj.offsetParent;) {
t += obj.offsetTop;
l += obj.offsetLeft;
}
var r = document.body.offsetWidth - w - l;
var b = document.body.offsetHeight - h - t;
返回定位元素的坐标集合
return {width: w, height: h, top: t, left: l, right: r, bottom: b};
}
相关文章推荐
- 获取浏览器窗口相对于屏幕的位置,获取可视窗口的宽高、元素的样式或伪元素的样式
- JavaScript获取元素在浏览器画布中的绝对位置
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- jQuery获取页面元素绝对与相对位置的方法
- JavaScript获取元素在浏览器画布中的绝对位置
- JavaScript获取元素在浏览器画布中的绝对位置
- absolute绝对定位(相对于整个html流)以及不为人知的(fixed)绝对定位(fixed相对于浏览器窗口=不动的div)
- js获取元素相对窗口位置的实现代码
- Javascript获取页面元素相对和绝对位置
- 原生JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸名
- [转]JavaScript获取元素在浏览器画布中的绝对位置
- JavaScript获取元素在浏览器画布中的绝对位置
- 获取文字相对于浏览器窗口的位置以及2个应用实现
- Firefox 浏览器对 TABLE 中绝对定位元素包含块的判定有错误,某些情况下会导致绝对定位元素位置跟其他浏览器中有差异
- JS获取网页窗口大小、浏览器窗口大小、页面元素位置
- jQuery获取页面元素绝对与相对位置的方法
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- JavaScript获取元素在浏览器画布中的绝对位置 兼容IE6
- 获取弹出框里面元素相对于整个浏览器窗口的坐标
- jquery获取元素的绝对/相对位置(坐标)