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

html – 滚动条不会完全向下滚动页面,第1张

概述我有这个小问题.我有一个主要的div与类滚动.我有几个其他输入参数,我从用户那里获取输入.此输入垂直填充整个页面. 现在,我通过Chrome最小化按钮最小化屏幕. (即恢复按钮).页面缩小,滚动条显示,因为它设置为溢出:滚动. 现在的问题是它不会滚动直到页面结束.假设有20个输入参数,当我最小化时,我只能向上滚动到第18个输入参数.滚动条不超过18并隐藏最后2个,因此观看者无法看到. <div c 我有这个小问题.我有一个主要的div与类滚动.我有几个其他输入参数,我从用户那里获取输入.此输入垂直填充整个页面.

现在,我通过Chrome最小化按钮最小化屏幕. (即恢复按钮).页面缩小,滚动条显示,因为它设置为溢出:滚动.

现在的问题是它不会滚动直到页面结束.假设有20个输入参数,当我最小化时,我只能向上滚动到第18个输入参数.滚动条不超过18并隐藏最后2个,因此观看者无法看到.

<div ></div><!-- Added this extra div below and Now able to scroll the last 2 parameters as well --><div ></div>.scroll {height:100%;overflow:scroll; }

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

解决方法 可能的原因:

>像margin-top这样的垂直偏移:100px或top:100px与高度相结合:使用position:absolute时为100%;在这种情况下,改为高度:calc(100% – 100px);
>与填充顶部或填充底部相同.可能的解决方案:Box-sizing:border-Box;

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

总结

以上是内存溢出为你收集整理的html – 滚动条不会完全向下滚动页面全部内容,希望文章能够帮你解决html – 滚动条不会完全向下滚动页面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1085007.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存