I have a site at www.tinytoepress.com that uses #hash anchor tag based navigation, using jQuery and the jquery-bbq plugin. It works great, except that sometimes it causes the page to jump down below the header as if it were going to an actual <a name...>
tag. But there are no such tags.
For example, with Chrome on OS X if I visit the homepage:
and then click the "Store" link in the upper left, I go to:
http://www.tinytoepress.com/#store
However, I am scrolled down below the header, which is not desired. I would like to remain right at the top.
If I scroll up and click "About", I go the About page but again I'm scrolled down past the header. However, if I now scroll up to the top and click on "Store" again, I go to Store without scrolling down, which is desired.
I am using simple .show()
and .hide()
methods to controlling the visibility of the div
s which are set from the nav clicks.
Any ideas how to prevent jumping around in the page?