jQuery scroll offset
<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>
