jQuery获得页面元素的绝对/相对位置
2010-08-09 15:53
821 查看
获取页面某一元素的绝对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)
});
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)
});
相关文章推荐
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
- jQuery获得页面元素的绝对/相对位置 分类: JavaScript 2010-08-09 15:53 868人阅读 评论(0) 收藏
- jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
- jQuery获得页面元素的绝对/相对位置 分类: JavaScript 2010-08-09 15:53 868人阅读 评论(0) 收藏
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面绝对和相对的位置
- jQuery获取页面元素绝对与相对位置的方法
- jQuery获取页面元素绝对与相对位置的方法
- JQuery 获得绝对,相对位置的坐标方法
- JQuery获得绝对 相对位置的坐标方法
- js与jquery获得页面大小、滚动条位置、元素位置
- js与jquery获得页面大小、滚动条位置、元素位置