title: Change CSS element with JQuery when scroll reaches an anchor point
body: <p>I currently have this solution to change the css elements when the page reaches a certain point but I'd like to use an #anchor-point instead of the pixel value (1804) to be responsive on smaller screens. I know it must be easy but I can't find how: </p>
  
  <pre><code>$(document).scroll(function(){
      if($(this).scrollTop() &gt; 1804)
      {   
          $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
          $('#voice3').css({"border-bottom":"2px solid #2e375b"});
      }
  });
  </code></pre>
  
  <p>This is the current state: <a href="http://tibio.ch/" rel="noreferrer">http://tibio.ch</a>
  Thank you,</p>