css transform y obtener la posición actual

[cequiel]

Muchos de ustedes sabréis que ahora se puede modificar la posición de un elemento dentro de una página web aplicando css. Por ejemplo:

Código CSS:

#mydiv {
        -moz-transition-property: -moz-transform;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease-out;
        -moz-transform: translate(100px, 100px);
}
 

Si aplicamos el anterior css a mi objeto html:

Código HTML:

<div id="mydiv">Me deslizo suavemente como hoja mecida por el viento</div>
 

entonces el objeto cambia de posición suavemente y se coloca en las coordenadas (100, 100) dentro de la página web, sin necesidad de JavaScript. El problema viene cuando queremos calcular la posición exacta dentro de la página en un momento dado. Si habéis usado alguna vez jQuery, sabréis que la posición se obtiene mediante la función "offset":

Código Javascript:

var offset = $('#mydiv').offset(); // devuelve un objeto con la posición actual
 

El problema es que la función anterior ignora la transformación css y me devuelve un valor erróneo. Cómo podría calcular la posición de un objeto dentro de una página web a la que se ha aplicado una transformación css?

Muchas gracias.