Получить верхнее положение div

Question

Я пытаюсь получить top элемента div, положение которого относительно. Таким образом, структура нечто похожее на:

  <div class="head"></div> 
     <div class="main"></div> 
     <div class="foot"></div> 
     div { position : relative; } 

Теперь я попробовал:

  $(".foot").css("top") => auto 

     $(".foot").offset().top => This gives value but that value is 
          not matching the current top position of the foot div 

Что я здесь отсутствует?

Answer 1

Использование .offsetTop.

Demo. I make the window automatically scroll to the top of the div

Answer 2

Как насчет $('.foot').position().top? это дает вам положение относительно исходного элемента DOM