最新消息:从今天开始,做一个有好习惯的人。

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

前端 迷路的老鼠 1832浏览 0评论

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

6

下面的黄色注释框,我们如何做呢?

我们可以使用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

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

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址