滚动位置未正确计算元素的位置

Question

我有一个固定的叠加容器，里面是相对位置的溢出容器。在这个容器中，我有不同的部分。当滚动位置靠近该部分时，我想激活该部分的标题。

我尝试使用截面元素的位置及其高度与容器的滚动位置相比来计算滚动位置。但是，即使上一个滚动不超过一半，它也会进入下一个部分。

var scrollPos = $('.container').scrollTop();
$('.container .heading-section').each(function() {
    var refElement = $(this);
    if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
        // set active heading
    }
}