MBS
MBS

Reputation: 31

Link to anchor tag on a different page not working in Firefox

I have a link at the bottom of a page, and its purpose is to link to an anchor on a different page. It doesn't seem to work in Firefox (at least, not in v8). Instead, on load it goes right to the very bottom of the page.

Any help is appreciated!

Source: http://msi.emsix.com/news/1900/1/Six-in-Ten-Employers-Hope-Health-Care-Reform-will-be-Repealed.aspx (the "Susan McIntyre" link at the bottom)

Anchor markup:

<h3 id="mcintyre" name="mcintyre">Susan McIntyre</h3>

Upvotes: 3

Views: 3106

Answers (3)

Boris Zbarsky
Boris Zbarsky

Reputation: 35084

This works correctly if I disable javascript.

It looks like what happens is that the scroll is done before you use script to collapse away a bunch of the content. So the final scroll position ends up wrong.

If you're collapsing the content away async, that could do it...

Upvotes: 2

Tomasz Rozmus
Tomasz Rozmus

Reputation: 1656

If you are unable to create <a name='%hashName%'></a> anchor, consider this:

$(document).ready(function(){
  $(window.location.hash).append('<a name="' + window.location.hash.replace('#','')+ '"></a>');
  window.location.href=window.location.href;
});

I know it looks weird, but works fine.

Since today I haven't heard about div anchor tags. Are you sure it is proper to expect such kind of behaviour from browsers?

Upvotes: 1

Anunay
Anunay

Reputation: 507

Try adding the following code:

<a name="mcintyre"></a>
<h3 id="mcintyre">Susan McIntyre</h3>

Upvotes: 2

Related Questions