Scroll to anchor with fixed header, content hidden behind header, margin and top padding not working

Question

I\'m using smoothscroll.js to navigate my site. It stops on the correct anchor in Firefox, however in Chrome it passes the point on the first click of the link, and pushes t

Answer 1

This may be due to a new wordpress theme using the header html5 element. I changed my header to a div, and it worked fine.

Answer 2

SOLVED: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

There are several methods available.

Answer 3

I used Local Scroll (JQuery) to do this.

It allows you to do a top offset

$.localScroll({
    offset: -100
});