Zmień element CSS za pomocą JQuery, gdy przewijanie osiągnie punkt kontrolny

Obecnie mam to rozwiązanie, aby zmienić elementy css, gdy strona osiągnie pewien punkt, ale chciałbym użyć # punktu kontrolnego zamiast wartości piksela (1804), aby reagować na mniejsze ekrany. Wiem, że to musi być łatwe, ale nie mogę znaleźć sposobu:

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

To jest obecny stan:http://tibio.ch Dziękuję Ci,

questionAnswers(3)

yourAnswerToTheQuestion