2010年3月30日 星期二

Javascript偵測元素絕對位置

有時候,我們使用Javascript輔助CSS設計網站版面配置的時候,希望動態的抓取某個給定id的元件之絕對位置(以可視頁面左上角為原點),這時候我們可以使用以下的函式來達到目的:


function GetAbsPos(o) {
    var pos = {x:0, y:0};
    while (o!=null)
    {
    pos.x += o.offsetLeft;
    pos.y += o.offsetTop;
    o = o.offsetParent; //若區塊外還有父元素,就繼續往外推
    }
    return pos;
}