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

问题描述：

我有这个小问题。我有一个主类与“滚动”类。我有几个其他输入参数，我从用户那里接受输入。该输入将填满整个页面。滚动条不能完全向下滚动页面

现在我尽量减少与铬最小化按钮的屏幕。（即，恢复向下按钮），页面被缩小并且滚动条出现，因为它被设置为溢出：滚动。

现在的问题是，它不会滚动，直到页面结束。假设有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; 
}

有人可以让我知道如果我做错了什么。

我们需要更多代码来帮助您... – Johannes

它隐藏在系统任务栏或另一个显示器后面吗？ – Sparky256

不确定你的意思。当我按住鼠标并通过拖动页面的下半部分来最大化widnow时，我可以看到最后2个参数。 – Patrick

答

不知道可能的原因是什么。但只是把一个额外的div放在正常的div下面解决了这个问题。现在我可以查看上面的div中的所有项目。请参阅问题本身的答案。如果他们想要这样的解决方法，可能会帮助某人。

同样的事情发生在我身上。 –

答

替换height与min-height应该解决这个问题。

更改此：

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

向该：

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

尝试过。这是行不通的。但是，如果我设置高度：300px或高度：800px，我可以看到一个滚动条。可能是什么问题？ – Patrick

嗯，如果是这种情况，请尝试添加一个800像素的“最小高度”和100％的“高度”，看看是否解决了问题 –

我在其下添加了一个额外的div并给出了高度。现在滚动可以到达上面的div中的最后一个参数。请参阅我的问题中的编辑代码。你能告诉我现在可能是什么问题吗？感谢所有的输入 – Patrick

答

可能的原因：

垂直使用position: absolute;当像margin-top: 100px或top: 100px与height: 100%组合偏移。在这种情况下更改为height: calc(100% - 100px);
与padding-top或padding-bottom相同。可能的解决方法：box-sizing: border-box;

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

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

相关推荐