Jixed Bar Too Horozontally

Question

Salut tout le monde Je suis en train de faire une application de chat et j'ai vu jixedbar qui est très approprié pour gérer plusieurs fenêtres de discussion. Malheureusement, quand il y a trop de divs dans l'élément conteneur jixedbar, il cache les titres de discussion supplémentaires avec overflow-x: hidden (jixedbar par défaut). Je me demandais s'il y a une solution élégante pour contourner ce problème.

Answer 1

* { margin:0; padding:0; } 
html, body { 
    height: 100%; 
    overflow:auto; 
} 
body #fixedElement { 
    position: fixed !important; 
    position: absolute; /*ie6 and above*/ 
    bottom: 0px; 
} 

De http://snipplr.com/view/2952/ie6-fixed-position-fix/. Travaillera dans IE6 + et Firefox. Aucun javascript nécessaire pour avoir votre barre au bas de la page.

#fixedElement est l'ID de la barre au bas de la page.

EDIT:

overflow-x: auto !important;

qui remplacerait efficacement le trop-plein-x: Css caché pour cette div. Cela pourrait valoir un coup de feu. Assurez-vous simplement que la div est suffisamment grande pour gérer la barre de défilement.

Si les divs sont imbriqués, cela pourrait poser un problème. Si elles ne sont pas imbriquées, cela devrait fonctionner.