title: How to offset a 'back to top' link to account for a fixed header?
body: <p>I'm using the jQuery easing plugin on a site, but I've run into a small issue around what the plugin thinks is the top of the page.</p>
  
  <p>Here's a <a href="http://investinandover.customstudio.co.uk/developments.html" rel="nofollow">link</a> to the site in question.</p>
  
  <p>The reason for this is that I have a header that is fixed to the top of the screen, with a depth of 65px. The problem comes when the plugin trys to scroll a set point to the top of the screen. Because I have this fixed header, my items are starting behind this header.</p>
  
  <p>Does anyone know if there's a way to offset the point that the plugin scrolls to by 65px?</p>
  
  <pre><code>    &lt;script type="text/javascript" src="js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function() {
      $('ul.side-nav a').bind('click',function(event){
          var $anchor = $(this);
          $('html, body').stop().animate({
              scrollTop: $($anchor.attr('href')).offset().top
              }, 1500,'easeInOutExpo');
              event.preventDefault();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help is appreciated!</p>
  
  <p>Thanks in advance,</p>
  
  <p>Tom</p>