html - 如何在使用 CSS 调整页面大小时停止滚动条上的向下箭头

Question

我正在尝试在始终显示在屏幕上的网页上添加一个框。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 中工作，恐怕我只能发布显示我的问题的混淆片段。有什么我明显错过的吗？

Answer 1

我走后自己找到了答案，今天又回来了。抱歉，我没有回复那些留下评论但我无法上网的人。如果您使用设置为 24px 的值的底部，页脚的高度，溢出滚动条将保持不变。