jquery - jQuery を使用して絶対配置コンテナー内のオフセットを計算する

Question

#content私のコンテンツはすべて、幅と高さが 100%の絶対コンテナー 内にあります。したがって、スクロールするときは、本文ではなくコンテナをスクロールしています。

次のように、ページ内の一連のセクションのオフセットを計算しようとしています。

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

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

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

コンテナーは絶対位置にあるため、offset().top によってビューポートの上部からのオフセットが得られます。画面/ヘッダーの上部またはスクロール位置に対するオフセットを計算する必要があります。これを達成するための他の回避策はありますか?

例を次に示します: http://jsfiddle.net/pkxDY/6/