滚动条不会完全向下滚动页面

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; 
}

如果我做错了,有人可以告诉我.

Answer 1

可能的原因:

• 与使用时相似margin-top: 100px或top: 100px组合的垂直偏移.在这种情况下改为height: 100%position: absolute;height: calc(100% - 100px);

• 与padding-top或相同padding-bottom.可能的方法:box-sizing: border-box;

但没有代码所有这一切都在猜测......

Answer 2

替换height为min-height应该可以解决这个问题。

改变这个：

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

对此：

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

Answer 3

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