Estoy tratando de obtener la posición de desplazamiento superior que se muestra en el inspector de Google Chrome cuando genera un elemento.

La medida exacta que muestra para offsetTop es "2942", pero cuando intento lo siguiente a continuación, muestra muchos números diferentes, pero ninguno es igual a ese número.

En cambio, muestra "924", que no estoy seguro de a qué se refiere.

El árbol DOM se ve así:

DIV principal (posición absoluta)

Niño DIV (pariente posicionado)

Elemento (posicionado relativo) (Mostrando 924 para offsetLeft en lugar de 2942 en inspector.

¿Cómo puedo hacer que coincida con el valor de 2942 para la compensación en lugar de 924?

Código:

 $('.draggable:not(.container, #pageBody, .boundingBox)').each(function(){ allElmDistY.push($(this).offset().top); allElmDistY.push($(this).position().top); allElmDistY.push($(this)[0].offsetTop); console.log($(this)[0].offsetTop, $(this)); })

Estoy enviando la información dentro del bucle para poder verla a través de la consola del desarrollador, así como también a qué elemento se refiere.