title: Jquery Offset Scrolldown
body: <p>i have a One Page Scrolling Site with <code>Masthead</code> and <code>Affix</code> for the Nav. When i scroll down, the Headline will be overlapped from my nav. When i scroll up the position is correct.</p>
  
  <p>Here is my page:</p>
  
  <p><a href="http://digitalartworx.net/medi/test.html" rel="nofollow">Website</a></p>
  
  <pre><code>$(function() {
       $('a.page-scroll').bind('click', function(event) {
         var $anchor = $(this);
         $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
          }, 1500, 'easeInOutExpo');
          event.preventDefault();
         });
      });
  });
  </code></pre>