Question

I’m using a simple url.page#hash style url, and using jquery to invoke a scroll to that ID on page.

Issue is, I also use the waypoints mod to stick a top nav of 33 pixels tall, so it ends up completely hiding the hash tag location under it (it’s a 1 line bit of text)

is there a way to add margin to an ID on hash call so i can have the top of the page account for the menu hanging on?

Answer 1

You could use offset().top - 33 of the element you’re scrolling to.

$('html, body').animate({
    scrollTop: $(ID).offset().top - 33
});

Here’s an example:
http://jsfiddle.net/ykC9U/1/