CSS comment la position de l'élément fixe juste pour l'axe des ordonnées?

J'ai un élément( 2 ancres à côté de l'autre) à l'intérieur de la div(couvre environ 1150px de sorte que vous besoin de faire défiler vers le bas pour voir tout le contenu de la div). Cette ancres sont la position:fixe en haut de cette div donc, comme vous le faites défiler vers le bas de la div d'ancrage sera visible tout le temps.
Mon problème est que lorsque vous réduisez la largeur de la fenêtre du navigateur, je veux deuxième ancre pour aller en dessous du premier, comme l'espace vient à manquer, cependant, jusqu'à ce que la fenêtre du navigateur physiquement atteint les ancres, pas enrouler autour de qui se passe, de sorte div est de plus en plus petits et deux ancres sont imbriqués les uns dans les autres.

Quand j'enlève le position fixe, comme je redimensionne la fenêtre du navigateur et de la div de largeur se rétrécit un point d'ancrage roulés en dessous de l'autre un seul comme prévu. Donc je suppose que j'ai juste besoin de l'axe des y fixe, mais pas de l'axe des x.

OriginalL'auteur datauser | 2011-06-28

  1. 6

    La position de l'attribut s'applique à l'élément dans son ensemble. Ce que vous êtes vraiment à la demande pour un nouveau genre de la position de l'attribut.

    Vous pourriez appliquer la correction du positionnement d'un élément qui contient vos deux ancres, et si vos ancres sont mis à flotter, ils seront de retour si ils ont besoin pour:

    <style type="text/css">
  #fixed {
    position: fixed;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
</style>

...

<div id="fixed">
  <div class="left">Lorem ipsum dolor sit amet,</div><div class="right">consectetur adipiscing elit.</div>
</div>
<div id="content">
  <p>something here...</p>
</div>
    Cela n'a pas fonctionné... j'ai déjà eu de correction du positionnement défini à conteneur des chevilles plutôt que de s'ancre. Je vais devoir prendre un coup d'oeil à la mise en œuvre de JQuery pour voir comment ils le font.
    Vous avez toujours la possibilité de simuler la correction du positionnement en utilisant $(window).faites défiler, mais je voudrais éviter que, si à tout possible. Ce qui n'a pas de travail? (J'ai testé le code avant que j'ai posté, et ça semblait fonctionner pour moi.) Désolé de ma première réponse ne pouvait pas être de plus d'une aide immédiate.
    le fond n'a pas de défilement?!

    OriginalL'auteur javaJake

  2. 3

    Une question similaire à propos de fixe-y /défilement-x a été la objet d'une discussion dont la conclusion a été vous avez besoin de JavaScript pour le faire, comme d'autres l'ont dit.

    L'approche générale de la réponse était de regarder à chaque dixième de seconde pour voir si les éléments doivent être déplacées, puis de les déplacer si.

    OriginalL'auteur Pete Wilson

  3. 1

    Semble que cela peut être un double possible de cette question.

    En un mot, vous ne pouvez pas faire cela avec uniquement du CSS. Vous aurez besoin de JavaScript. Je recommande jQuery.

    Je suis en utilisant GWT donc je veux prendre un coup d'oeil à la mise en œuvre de la méthode. Pouvez-vous me donner un exemple de code pour y parvenir? Merci.
    désolé, je ne suis pas familier avec GWT
    Je voulais dire pour JQuery extraits.. Merci

    OriginalL'auteur Charles Sprayberry