Question

I’m currently using the code from css-tricks to perform the auto scroll functions to my anchors here:

http://css-tricks.com/snippets/jquery/smooth-scrolling/

What do I need to do offset the “top of the page”? Basically I would like to have the page stop about 150px from the anchor location..

Thanks!!!!

Answer 1

Change the line:

var targetOffset = $target.offset().top;

to:

var targetOffset = $target.offset().top - 150;

This will push it up 150 pixels further than the top of where you are targeting.

With regards to the hash:

Change this: location.hash = target;

To:

if(history.pushState) {
    history.pushState(null, null, target);
}
else {
    location.hash = target;
}