javascript - 选择或滚动目标#div时如何更改锚点颜色

Question

当锚点目标在视图中时，我想更改特定锚点的颜色。我有一个几乎可以工作的 jquery 脚本，因为它改变了锚颜色，但直到我从目标向下滚动 10px 左右。此外，目标 div 的高度及其与页面顶部的距离也各不相同。我尝试过使用填充和边距，并发现在定位 div 中的不同元素（如#div h1）方面取得了一些成功，但我宁愿只定位 #div。

$(document).scroll(function(){
    if($(this).scrollTop()>=$('#main-page').position().top){
        $("#main").css("color","#ff2a2a");
        $("#news,#about").css("color","#fff");
    }
});

...然后我重复一遍，无论页面上有多少部分。