Change where the browser thinks the top of the page is?

Question

I couldn't think of a good title, sorry!

I have a website, with a floating (fixed) navigation/header bar. This works fine, however there are several anchors on the page, which allow for quick navigation and/or direct permalinking.

The issue arises when someone attempts to use one of these anchor links - the page jumps to the anchor, but the header is covering the content underneath the anchor. The browser jumps so that the top of the page view is at the anchor, but the top of the page view isn't the top of the page - the bottom of the navigation is.

So, how can I fix this?

[Here](http://css-tricks.com/hash-tag-links-padding/) is both an answer and a clever name for the problem. — Russell Zahniser, Nov 12 '13 at 21:16

score 0 · Answer 1 · answered Nov 12 '13 at 21:18

0

You can place your anchor a little bit higher up the page so your navbar is shown

OR

You can use javascript to calculate the offset of the anchor from the top and add a few pixels to it, and have clicking the link scroll to that new offset.

answered Nov 12 '13 at 21:18

kei

20,157
2
35
62

The issue is, there doesn't actually appear to be a named anchor - it appears to be dynamically inserted using Javascript. I'm using xenForo. – Liam W Nov 17 '13 at 22:38

Change where the browser thinks the top of the page is?

1 Answers1