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

Question

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

我已经尝试添加 overflow:auto 来解决这个问题，并且能够滚动浏览固定定位的元素，但没有成功。

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

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

谢谢

Answer 1

您必须固定高度/宽度才能获得滚动条，否则 fixed 元素会扩展到 View 之外。这是一个小演示: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;
}