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

Question

我目前有这个解决方案,当页面到达某个点时更改css元素,但我想使用#anchor-point而不是像素值(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 谢谢,

Answer 1

试试这个:

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 {
      // ...
    }
});