這篇文章主要介紹了jQuery獲取頁(yè)面元素絕對(duì)與相對(duì)位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery獲取頁(yè)面元素絕對(duì)與相對(duì)位置的方法。分享給大家供大家參考。具體如下：

獲取頁(yè)面某一元素的絕對(duì)X,Y坐標(biāo)，可以用offset()方法：

1. var X = $('#DivID').offset().top; 
2. var Y = $('#DivID').offset().left; 

獲取相對(duì)(父元素)位置:

1. var X = $('#DivID').position().top;  
2. var Y = $('#DivID').position().left;  
3. var pleft = $("selector").scrollLeft();//元素相對(duì)于滾動(dòng)條左邊的偏移量 
4. var pTop = $("selector").scrollTop();//元素相對(duì)于滾動(dòng)條頂部的偏移量 

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。