Obter distância do elemento em relação ao seu elemento pai

Eu gostaria de saber como obter a distância / deslocamento / posição de um elemento em relação ao seu elemento pai.

Ao contrário do jQueryposition() funcionalidade, que obtém a posição em relação ao pai deoffset posição, eu preciso pegar o (supondo)estável posição de um elemento como sua distância da parte superior do elemento / parent contendo.

exemplo:

<div id="parent">
  <div id="pos1">Has a position of 0px from top of containing parent el.</div>
  <br style="height:20px;">
  <br style="height:20px;">
  <div id="pos2">Has a position of 40px from top of containing parent el.</div>
</div>

Então, não importa qual a posição do elemento pai para o documento, a posição dopos1 epos2 seria relatado o mesmo, como eles não mudam em relação ao seu elemento pai ...

Isso é possível?

questionAnswers(3)

yourAnswerToTheQuestion