说明:获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性:top 和 left。
注意:此方法只对可见元素有效。
-------------------------- jQuery code ------------------------
$(function(){
$("div").click(function(){
var oDiv=$(this).position();
var sTmp="left:"+oDiv.left+"+top:"+oDiv.top;
$(this).text(sTmp);
})
});
-------------------------- jQuery Demo ------------------------
点击后会计算出此 div 距其父元素最上端的像素数。
说明:获取匹配元素相对父元素的偏移。返回的对象包含两个整形属性:top 和 left。为了精确无误的计算结果,内外边距和边框等属性应使用像素单位。
注意:此方法只对可见元素有效。
-------------------------- jQuery code ------------------------
$(function(){
$("div").click(function(){
var oDiv=$(this).offset();
var sTmp="left:"+oDiv.left+"+top:"+oDiv.top;
$(this).text(sTmp);
})
});
-------------------------- jQuery Demo ------------------------
点击后会计算出此 div 距此浏览器窗口可视部分最上端的像素数。
说明:当用户通过鼠标滑轮向下滑动时,就会产生 scroll 事件,可以通过 $(window).scrollTop() 来获取已经滑动的像素距离。
-------------------------- jQuery code ------------------------
$(function(){
$(window).scroll(function(){
var wintop=$(this).scrollTop();
$("p").text(wintop);
})
});
-------------------------- jQuery Demo ------------------------
scrollTop :