jQuery中position()與offset()區別

position()獲取相對於它最近的具有相對位置(position:relative或position:absolute)的父級元素的距離，如果找不到這樣的元素，則返回相對於瀏覽器的距離。

offset()始終返回相對於瀏覽器文檔的距離，它會忽略外層元素。

//獲取相對於最近的父級(position:relative或position:absolute)的位置

var vposition = $("#inner").position();


alert(vposition.left);   //輸出：50


alert(vposition.top);    
 
//輸出：60

 var voffset = $("#inner").offset();


alert(voffset.left);   //輸出：$("#outer").offset().left+50

 alert(voffset.top);    //輸出：$("#outer").offset().top+60

參考文章：http://www.365mini.com/page/jquery-position.htm 

技術交流QQ群：15129679

jQuery中position()與offset()區別