Obtenga una posición real de los objetos en Javascript con Chrome

He estado codificando un poco de Javascript para colocar un patito al azaresta página.

Quería ocultarlo al costado de los objetos (como las publicaciones), pero terminé teniendo que codificarlo bastante, ya que no podía encontrar una manera adecuada de recuperar la posición real de los objetos relativos con Chrome. Leí algunas cosas al respecto, y utilicé la forma recursiva offsetParent, pero no obtuve ningún buen resultado.

El último fragmento de código que probé fue este:

 var getPost = function (obj) {
    var pos = {'x':0,'y':0};
    if(obj.offsetParent) {
        while(1) {
          pos.x += obj.offsetLeft;
          pos.y += obj.offsetTop;
          if(!obj.offsetParent) {
            break;
          }
          obj = obj.offsetParent;
        }
    } else if(obj.x) {
        pos.x += obj.x;
        pos.y += obj.y;
    }
    return pos;
  }

Este código no funciona en Chrome, excepto en objetos con una posición absoluta (configurado con CSS).

¿Hay una buena forma de navegador cruzado para lograr esto?

Respuestas a la pregunta(3)

Su respuesta a la pregunta