我在页面底部附近的某处有一个固定定位的元素。由于它的内容多于窗口高度本身显示的其余部分,因此已被削减。
我已经尝试添加 overflow:auto
来解决这个问题,并且能够滚动浏览固定定位的元素,但没有成功。
我想附近可能有一个 javascript 解决方案,但想知道是否也有一个 css 解决方案。
希望我的问题是有道理的。
谢谢
最佳答案
您必须固定高度/宽度才能获得滚动条,否则 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;
}
关于css - 允许在固定定位元素上溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12329239/