javascript - 获取div的顶部位置

Question

我正在尝试获取相对位置的 div 元素的 top。所以结构类似于:

         <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