Faites défiler jusqu'à l'ancre avec en-tête fixe, le contenu caché derrière l'en-tête, de la marge et du haut de remplissage ne fonctionne pas

Je suis en utilisant smoothscroll.js pour naviguer dans mon site. Il s'arrête sur le bon ancrage dans Firefox, cependant dans google Chrome, il passe le point sur le premier clic sur le lien, et pousse le contenu vers le haut, en cachant le contenu qui se cache derrière la page. ensuite, si vous cliquez à nouveau, il s'aligne correctement. J'ai vu les problèmes sur d'autres sites. Curieux de voir si d'autres ont le même problème. Chrome semble ignorer tout en haut de remplissage ou de marge ou de positionnement (exemple: haut:20%;).

InformationsquelleAutor Commandrea | 2011-01-29
  1. 10

    RÉSOLU: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

    Il existe plusieurs méthodes disponibles.

    • Je vais avoir de la difficulté à comprendre comment le #cible de ces méthodes correspond à la <a name="ancre"></a>. J'essayais <a href="#cible"></a> - comme dans la démo, mais pas y aller. Des conseils à donner?
    • Nicolas Gallagher méthodes sont un peu compliqué en comparaison avec stackoverflow.com/a/13184714/109618 qui ne diffère en rien de ce HTML <a class="anchor" id="label-1"></a>, et ce CSS: un.l'ancre{display: block; position: relative; top: -50px; visibility: hidden;}
    • je pense aussi, après j'ai essayé plusieurs méthodes, que le hidden <a class="anchor"> est un très facile et agréable de la solution. il vous donne un bon contrôle sur la position de l'élément lié sans détruire normal de votre disposition où vous pouvez utiliser la marge et le remplissage que vous le souhaitez. thx David James
    InformationsquelleAutor Commandrea
  2. 0

    J'ai utilisé Local De Défilement (JQuery) pour ce faire.

    Il permet de faire un top décalage

    $.localScroll({
    offset: -100
});
    InformationsquelleAutor optimiertes
  3. -3

    Cela peut être dû à un nouveau thème wordpress à l'aide de l'en-tête de l'élément html5. J'ai changé la tête d'un div, et il a bien fonctionné.

    InformationsquelleAutor Ash Andrien