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