我正在尝试在网页上添加一个始终显示在屏幕上的框。 HTML 看起来像这样:
<div class="mySideBar"> <!-- Some text and other elements --> </div>
应用的样式如下所示:
.mySideBar { position: fixed; width: 20%; height: 80%; overflow-y: scroll; }
在我重新调整窗口大小然后滚动条上的向下按钮在屏幕外和页脚下方消失之前,它一直很好用。页脚 HTML 如下所示:
<div class="myFooter"> <!-- Some text and other elements --> </div>
CSS 看起来像这样:
.myFooter { position: fixed; width: 100%; height: 24px; overflow-y: scroll; }
我试过使用相对位置和其他一些东西,但我似乎做不好。不幸的是,它也需要在 IE7 中工作,恐怕我只能发布显示我的问题的模糊代码段。有什么我明显错过的吗?
最佳答案
我离开后自己找到了答案,今天又回来了。对不起,我没有回复那些留下评论的人,但我无法上网。如果您使用 bottom 并将值设置为 24px,页脚的高度,溢出滚动条将保持不变。
关于html - 如何在使用 CSS 调整页面大小时停止滚动条上的向下箭头离开屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19031284/