jQuery 获得页面元素的绝对/相对位置 - 文章教程

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

发布于 2018-07-18 字数 806 浏览 1594 评论 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 随滚动条移动

#oLayer{
position: absolute;
left: 0;
top:80px;
z-index: 2;
background: a9c9ef;
margin-left:6px;
width: 140px;
height: 70px
}
<div id="oLayer"></div>
$(window).scroll(function() {
    var init_pos = $('#oLayer').offset().top;
    $('#oLayer').css("top", $(window).scrollTop()+80)
});

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

3048 文章
评论
84935 人气
更多

推荐作者