滚动条没有完全向下滚动页面

Question

我有这个小问题。我有一个主 div 类 scroll 。我还有其他几个输入参数，我从用户那里获取输入。此输入垂直填满整个页面。

现在我使用 Chrome 最小化按钮最小化屏幕。 （即恢复向下按钮）。页面缩小并显示滚动条，因为它设置为 overflow:scroll 。

现在的问题是它不会滚动到页面末尾。假设有 20 个输入参数，当我最小化时，我只能滚动到第 18 个输入参数。滚动条不会超过 18 位并隐藏最后 2 位，因此查看者无法看到。

 <div class="scroll">
</div>
<!-- Added this extra div below and now able to scroll the last 2 parameters as well -->
<div style="height:50px;">
</div>

.scroll {
height:100%;
overflow:scroll;
}

如果我做错了什么，有人可以告诉我吗？

原文由 Patrick 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不确定可能的原因是什么。但是只需在常规 div 下方放置一个额外的 div 即可解决问题。现在我可以查看上面 div 中的所有项目。请查看问题本身以获得答案。可能会帮助某人，以防他们想要这样的解决方法。

原文由 Patrick 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

可能的原因：

• 垂直偏移，如 margin-top: 100px 或 top: 100px 与 height: 100% 结合使用 position: absolute; 在这种情况下更改为 height: calc(100% - 100px);

• 与 padding-top 或 padding-bottom 相同。可能的解决方案： box-sizing: border-box;

但如果没有代码，这一切都是猜测……

原文由 Johannes 发布，翻译遵循 CC BY-SA 3.0 许可协议