jQuery获得页面元素的绝对/相对位置

  1. 云栖社区>
  2. 博客>
  3. 正文

jQuery获得页面元素的绝对/相对位置

清山 2010-08-09 15:53:00 浏览606
展开阅读全文

 

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:

var X = $('#DivID').offset().top;

var Y = $('#DivID').offset().left;

 

获取相对(父元素)位置:

var X = $('#DivID').position().top;

var Y = $('#DivID').position().left;

让Div随滚动条移动:

<div id="oLayer" style="position: absolute; left: 0; top:80px; z-index: 2; background: a9c9ef; margin-left:6px;
            width: 140px; height: 70px">

</div>

jquery代码:

       $(window).scroll(function() {
                                            var init_pos = $('#oLayer').offset().top;
                                            $('#oLayer').css("top", $(window).scrollTop()+80)
                                        });

网友评论

登录后评论
0/500
评论
清山
+ 关注