css - 允许在固定定位元素上溢出

Question

我在页面底部附近的某处有一个固定定位的元素。由于它的内容比窗口高度本身显示的要多，因此其余部分已被削减。

我尝试添加overflow:auto以解决此问题，并且能够滚动固定定位的元素，但没有运气。

我想附近可能有一个 javascript 解决方案，但想知道是否也有一个 css 解决方案。

希望我的问题是有道理的。

谢谢

Answer 1

您必须修复高度/宽度才能获得滚动条，否则fixed元素会展开到视野之外。这是一个小演示：little link。基本大纲：

HTML：

<div class = "fixed">
    Glee is awesome!<br/>
    ...
    Glee is awesome!<br/>
</div>

CSS：

html, body {
    height: 100%;
}
.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100px;
    overflow: auto;
}