1. 程式人生 > >jQuery獲得頁面元素的絕對/相對位置

jQuery獲得頁面元素的絕對/相對位置

獲取頁面某一元素的絕對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)
});