title: jQuery animated page scroll with offset for fixed header blinks faded content
body: <p>I've got a fixed header/navigation on my site, which the page scrolls under (similar to Twitter). I'm trying to get it to smoothly scroll to articles within the page, while accounting for the height of the header, as not to cover up the top portion of the articles.</p>
  
  <p>I think I've got the header height offset going, but the scroll is pretty choppy and inconsistent, and all the content with faded opacity blinks on when the navigation is used. </p>
  
  <p>please see a test here: <a href="http://sketch.ryantroyford.com/newSite/testSite.html" rel="nofollow">http://sketch.ryantroyford.com/newSite/testSite.html</a></p>
  
  <p>Any idea what the problem could be? thanks in advance!</p>