Question

我正在尝试创建一个类似于twitter的工具栏。问题是当浏览器不够宽并且我滚动到工具栏后面的一侧而不是保持水平放置，以便向左滚动不会显示工具栏的隐藏部分。

我如何得到我想要的效果？

我的CSS：

.toolbar {
    visibility: visible;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 22px;
    background: black;
    color: white;
    padding: 2px;
    text-align: left;
    font-size: 1.1em;
    border-bottom: 3px ridge #dddddd;
}

例如： http://t2.technion.ac.il/~snayish/m/toolbar.html

的CSS： http://t2.technion.ac.il/~snayish/m/style.css

Answer 1

在Twitter上用JS做完你不能用纯CSS解决这个问题。

我会这样解决： http://jsfiddle.net/Tt3rw/1/

（根据此获取scrollLeft位置并移动横幅内容部分的左侧位置）

水平滚动时，工具栏不会保持原位

1 个答案: