当滚动到达锚点时,使用JQuery更改CSS元素

我目前有这个解决方案可以在页面到达某一点时更改CSS元素，但是我想使用#锚点而不是像素值(1804)来响应较小的屏幕。我知道这很容易，但我找不到如何：

$(document).scroll(function(){
    if($(this).scrollTop() > 1804)
    {   
        $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
        $('#voice3').css({"border-bottom":"2px solid #2e375b"});
    }
});

这是现在的状态：http://tibio.ch
谢谢，

解决方法

尝试这个：

var targetoffset = $("#anchor-point").offset().top;

var $w = $(window).scroll(function(){
    if ( $w.scrollTop() > targetoffset ) {   
        $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
        $('#voice3').css({"border-bottom":"2px solid #2e375b"});
    } else {
      // ...
    }
});