Problem with header position: fixed property. Solve with JQuery?

Problem with header position: fixed property. Solve with JQuery?

I am new to jquery. This is my question/problem. I have a site I'm developing with a header that is fixed in the top of the viewport using the css properties, position: fixed;  top: 0;  right: 0;  left: 0;  bottom: 0 auto;. The problem I'm having is that all my anchored links (href="#") when clicked appear beneath my header. What do I need to do? Do I need to create a jquery plugin? If so how? Or is there one already made for this problem? Or is it a simple css, css3, or html tag that I don't know about?