jQuery中position()與offset()區別

標籤：忽略   jquer   span   www.   lan   title   min   code   strong   

jQuery中position()與offset()區別

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

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

 

 

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

var vposition = $("#inner").position();alert(vposition.left);   //輸出：50alert(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()區別