使用jQuery計算絕對定位的容器中的偏移量

Question

我的所有內容都位於絕對容器#content中，它的寬度和高度均爲100％。所以當滾動時，我們滾動通過容器，而不是身體。

我想caclulate一系列段的偏移量的頁面內，像這樣：

$('.advance').on("click", function(){ 
    var nextSection = $(this).parent('.section').next('.section'); 

    var nextDistanceTop = nextSection.offset().top - 25; 

    $("#content").animate({ scrollTop: nextDistanceTop }); 
}); 

因爲容器絕對定位，偏移（）頂部是給我從上偏移。的視口。我需要計算相對於屏幕/標題頂部或滾動位置的偏移量。任何其他解決方法來完成此？

下面是一個例子：http://jsfiddle.net/pkxDY/6/

Answer 1

使用自己的jQuery scrollTop方法：

$('.advance').on("click", function(){ 
    var nextSection = $(this).parent().next(); 
    var nextDistanceTop = nextSection.offset().top + $("#content").scrollTop(); 
    $("#content").animate({ scrollTop: nextDistanceTop }); 
});