Get distance of element relative to its parent element

Question

I would like to know how to get the distance/offset/position of an element relative to it\'s parent element.

Unlike jQuery\'s position() functionality,

Answer 1

This code works for me.

var child_top = $("#parent_div").scrollTop() + $("#child_div").offset().top

Answer 2

This should do it:

$('#pos1').offset().top - $('#pos1').parent().offset().top - $('#pos1').parent().scrollTop() 

Answer 3

Parent.offset() - child.offset() ?

Using jQuery offset()