允许固定定位元素溢出

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;
}