确定页面顶部和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);
});