Ancre de lien d'atterrissage dans la mauvaise position

Probablement une question stupide, mais honnêtement, je ne peut pas envelopper la tête autour de ce qui ne va pas ici.

http://harrisonfjord.com/thinkinc/

Un site que je suis en train de construire à l'heure actuelle. Je veux faire un lien vers une ancre à http://harrisonfjord.com/thinkinc/index.php#sponsors. J'ai mis en place l'ancre à se produire juste avant dans le code suivant:

<a name="sponsors"></a>
    <div class="sponsors">
        <div class="sponsors-left">
            <h2>Sponsors</h2>
                <p>Support the lovely folks who support us! Visit their websites, join their mailing lists and peruse their wares. They are all highly-deserving of your custom, and we're thrilled to have each and everyone one of them on-board!</p>
            </div>

Toutefois, lorsque vous cliquez sur le lien anchor il atterrit à mi-chemin en bas de la div. Je pensais que ça aurait été un problème avec les images de chargement après le point d'ancrage de liaison des charges, j'ai donc mettre manuellement dans des largeurs/hauteurs pour toutes les balises. J'ai également fait de même pour le cufon remplacement de texte dans la barre de titre.

Rien de tout ce qui a aidé, alors maintenant, je me tourne vers vous. L'ancre est aussi ne fonctionne pas dans Firefox, pour quelque raison que ce soit. Toute réflexion sur ce que j'ai fait de mal ici?

Cheers!

OriginalL'auteur JVG | 2011-07-26

  1. 12

    Je pense que le problème résulte de l'ancre avec pas de contenu que vous utilisez.

    Aussi, il semble que name= a été dépréciée en faveur de de id= comme un identificateur de fragment dans certains éléments (y compris A) qui en fait une sorte de sens que les attributs ID sont uniques alors que les attributs de NOM ne sont pas garantis.

    Je vais essayer de coller l'identificateur de fragment dans la restituable entité telle que:

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

    et voir où cela vous arrive. D'ailleurs, il semble comme une bonne conférence, j'espère que vous obtenez un échantillon à l'admission.

    Aha! Il a obtenu, a travaillé un charme, merci s'accoupler. D'ailleurs - je suis l'un des organisateur de la conférence, pas de web dev! Ainsi, non seulement je serai à la conférence, mais aussi de boire du whisky avec les haut-parleurs 🙂
    A confirmé que le travail en Chrome 13, en profiter.

    OriginalL'auteur msw

  2. 6

    J'ai eu exactement le même problème sous Firefox et résolu avec cette (même que sasi réponse, mais plus générique - il détecter si il y a une ancre dans l'url et faites défiler jusqu'à celle-ci):

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

    Il semble que c'est une question bien connue, voir https://bugzilla.mozilla.org/show_bug.cgi?id=60307

    Cela a fonctionné pour moi sur une page où j'ai été en utilisant une table des matières js extrait. Sur une seule page de nombreux en suivant le même modèle, la première de défilement n'a pas été en tenant compte de l'ajout de texte à partir de la table des matières.
    Merci @vard. J'ai vraiment eu cette solution n'a pas fonctionné jusqu'à la fin et j'ai mis la minuterie avec un minimum de retard. Travaille maintenant dans Mozilla parfaitement. if (window.location.hash.length > 0) { setTimeout(function() { window.scrollTo(0, $(window.location.hash).offset().top); }, 100); } Vous voir.

    OriginalL'auteur vard

  3. 2

    J'ai eu problème de l'iphone pour les liens avec les fragments, ayant
    <a href="#info">TYPES OF INFORMATION WE COLLECT</a>, une bonne articulation de
    <h3 id="info">TYPES OF INFORMATION WE COLLECT</h3>.

    Qui ne fonctionnait pas correctement, et je l'ai réparé avec une solution comme ceci (à l'aide de jQuery):

    window.scrollTo(0,$('#info').offset().top);
    Belle solution: je l'ai utilisé parce que firefox n'était pas à l'atterrissage, au bon endroit, la première fois, c'est à dire après avoir suivi un lien avec un fragment, mais en demandant que l'URL exacte sur firefox la barre du navigateur de la terre dans le bon endroit.

    OriginalL'auteur sasi

  4. 1

    Je ne sais pas quelle norme de votre page est en essayant de se conformer à, mais il est plein d'erreurs:

    http://validator.w3.org/check?uri=http%3A%2F%2Fharrisonfjord.com%2Fthinkinc%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Certains d'entre eux si graves, par exemple:

    • Impossible de Déterminer les Analyser Mode!
    • Pas de DOCTYPE trouvé, et inconnu de l'élément racine. L'abandon de la validation.

    que le validateur. En contraste avec une page comme gnu.org

    http://validator.w3.org/check?uri=www.gnu.org&charset=%28detect+automatically%29&doctype=Inline&group=0

    Vous devriez être heureux que le site rend à tous.

    Bon point, je ne pense pas que la validation touché ce genre de chose allait faire après. Je vais passer maintenant et de faire rapport si c'est toujours en panne, cheers!
    Ok, le dos et maintenant corrigé, validé en tant que code HTML 4.0 Transitional. Cependant, l'ancre ne marche toujours pas! Toutes les pensées?

    OriginalL'auteur msw