---- 淘宝优惠券 ----欢迎到论坛交流 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

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

前端开发 蚂蚁 1822℃ 0评论

获取页面某一元素的绝对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)
});

http://blog.csdn.net/a497785609/article/details/5799087

转载请注明:有爱前端 » jQuery获得页面元素的绝对/相对位置

喜欢 (1)or分享 (0)
发表我的评论
取消评论

表情