你的位置：迷路的老鼠 > 技术交流 > 前端 > 关于浮动层绝对位置的相对定位

关于浮动层绝对位置的相对定位

前端迷路的老鼠 12年前 (2013-01-29) 1886浏览 0评论

有些时候，我们需要一些层悬浮在某一个固定的div层的相对便宜位置，比如：

下面的黄色注释框，我们如何做呢？

我们可以使用offset*来实现，简单提供一下代码吧：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

document.getElementById('adminlogin').style.left=elemOffset1('content').x+'px';
document.getElementById('adminlogin').style.top=elemOffset1('content').y+'px';
var x,y;
function elemOffset1(rRight){
var obj= document.getElementById(rRight);
var t = obj.offsetTop;
var l = obj.offsetLeft;
while( obj= obj.offsetParent) {
t += obj.offsetTop;
l += obj.offsetLeft;
}
return {
x : l ,
y : t
};
}

关于offsetTop、clientTop、scrollTop、offsetTop等的详细解释，可以查看：http://weitaoc.com/?p=60

转载请注明：迷路的老鼠 » 关于浮动层绝对位置的相对定位

与本文相关的文章