Anchor link landing in wrong position

I think the problem is resulting from the anchors with no contents that you are using.

Also, it appears that name= has been deprecated in favor of id= as a fragment identifier in certain elements (including A) which makes a kind of sense as ID attributes are unique whereas NAME attributes are not so guaranteed.

I’d try sticking the fragment identifier in the actual renderable entity such as:

<h2 id="sponsors">Sponsors</h2>

and see where that gets you. Incidentally, it looks like a good conference, I hope you get a comp admission.

I got the exact same issue in Firefox and solved it with this (same as sasi answer but more generic – it detect if there is an anchor in the url and scroll to it):

$(document).ready(function() {
    if(window.location.hash.length > 0) {
        window.scrollTo(0, $(window.location.hash).offset().top);
    }
});

It seems it’s a well known issue, see https://bugzilla.mozilla.org/show_bug.cgi?id=60307

I got problem in iphone for links with fragments, having
<a href="#info">TYPES OF INFORMATION WE COLLECT</a>, correctly linking to
<h3 id="info">TYPES OF INFORMATION WE COLLECT</h3>.

That wasn’t working properly, and I fixed with a solution like this (using jQuery):

window.scrollTo(0,$('#info').offset().top);

Leave a Comment