ページの上端とdivの下端までの距離を調べる

Question

jQueryを使用して、ブラウザウィンドウの最上部とdivの下端（ヘッダーなど）との間の高さ/距離を決定するにはどうすればよいですか。私は、次のコードを使用しています：

$(window).resize(function() { 
    $totalHeight = $(window).height(); 
    $headerHeight = $('header').height(); 
    $('#portfolio-info').css('height',($totalHeight - $headerHeight - 105) + 'px'); 
}); 

をそして、あなたはそれがダウンしてゼロにすべての方法を下げる必要があります離れヘッダからスクロールするように私は、$headerHeightは常に同じ値ではないことを確認します。

ありがとうございます！

Answer 1

これはうまくいくはずです。

$(window).resize(function() { 
    var top = $(this).scrollTop(), 
     bottomDiv = $('div').offset().top + $('div')[0].offsetHeight, 
     distance = Math.max(0, (top - bottomDiv) * -1); 
});