title: jQuery scroll offset
body: <p>Using this jQuery: <a href="https://github.com/JamyGolden/PlusAnchor" rel="nofollow">https://github.com/JamyGolden/PlusAnchor</a></p>
  
  <p>I am looking to make it scroll to the specific anchor but give it an top offset of 50px. I have a fixed header of 50px and when the page scrolls, the header covers part of the section.</p>
  
  <p>Any help or a point in the right direction is appreciated.</p>
  
  <p>Thanks</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  $('body').plusAnchor({
  easing: 'easeInOutExpo',
  speed: 800,
  onInit: function( base ) {
  if ( base.initHash != '' &amp;&amp; $(base.initHash).length &gt; 0 ) {
  
  window.location.hash = 'hash_' + base.initHash.substring(1);
  
  window.scrollTo(0, 0);
  
  $(window).load( function() {
  
   timer = setTimeout(function() {
  
  $(base.scrollEl).animate({
  scrollTop: $( base.initHash ).offset().top
  
  }, base.options.speed, base.options.easing);
  }, 500); // setTimeout
  
  }); // window.load
  }; // if window.location.hash
  
  } // onInit
  });
  });
  &lt;/script&gt;
  </code></pre>