Alterar o elemento CSS com JQuery quando o pergaminho atinge um ponto de ancoragem

Atualmente tenho essa solução para alterar os elementos css quando a página atinge um certo ponto, mas gostaria de usar um # âncora-ponto em vez do valor de pixel (1804) para ser responsivo em canvass menores. Eu sei que deve ser fácil, mas não consigo encontrar como:

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

Este é o estado atual: http://tibio.ch Obrigado,

Tente isto:

 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 { // ... } }); 
 $(window).bind("scroll", function() { var $sec1 = $('.bg1').offset().top; var $sec2 = $('.bg2').offset().top; var $sec3 = $('.bg3').offset().top; var $sec4 = $('.bg4').offset().top; var $sec5 = $('.carousel-indicators').offset().top; if ($(this).scrollTop() < $sec2){ $(".navbar1").fadeOut(); $(".navbar2").fadeOut(); $(".navbar3").fadeOut(); } if ($(this).scrollTop() > $sec2 & $(this).scrollTop() < $sec3){ $(".navbar1").fadeIn(); $(".navbar2").fadeOut(); } if ($(this).scrollTop() > $sec3 & $(this).scrollTop() < $sec4){ $(".navbar2").fadeIn(); $(".navbar3").fadeOut(); } if ($(this).scrollTop() > $sec4 & $(this).scrollTop() < $sec5){ $(".navbar3").fadeIn(); $(".navbar2").fadeOut(); } if ($(this).scrollTop() > $sec5){ $(".navbar1").fadeOut(); $(".navbar2").fadeOut(); $(".navbar3").fadeOut(); } }); 
 function scroll_style() { var window_top = $(window).scrollTop(); var div_top = $('#anchor-point').offset().top; if (window_top > div_top){ $('#voice2').css({"border-bottom":"2px solid #f4f5f8"}); $('#voice3').css({"border-bottom":"2px solid #2e375b"}); } } $(function() { $(window).scroll(scroll_style); scroll_style(); }); 

Solução baseada em: http://blog.yjl.im/2010/01/stick-div-at-top-after-scrolling.html