固定条太水平

Question

大家好 我目前正在做一个聊天应用程序，我看到jixedbar非常适合管理多个聊天窗口。不幸的是，当jixedbar容器元素中有太多div时，它会使用overflow-x：hidden（默认的jixedbar）隐藏其他聊天标题。我想知道是否有一个优雅的解决方案可以解决这个问题。

Answer 1

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

来自http://snipplr.com/view/2952/ie6-fixed-position-fix/。可以在IE6 +和Firefox中使用。没有javascript需要在页面底部显示您的栏。

#fixedElement是页面底部栏的ID。

编辑：

overflow-x: auto !important;

这将有效地替换该div的overflow-x：hidden css。可能值得一试。只需确保div足够高以处理滚动条。

如果div是嵌套的，那可能是个问题。如果它们没有嵌套，这应该可行。