如何解决Div高度为页面的剩余空间
我为标题的措词不佳表示歉意,我不确定如何以最简洁的方式解释我的问题。
我有一个同位素JavaScript插件,该插件用于过滤某些元素。该插件工作正常,但是我添加了自己的“无结果”文本,该文本在无结果时显示。它可以正常运行,但是动画不起作用。
此刻,如果您在页面上向下滚动,结果从多个显示的结果变为显示“无结果”代码的0个结果,则页脚会出现动画故障(我使用柔性显示屏(位于屏幕底部)从底部向上移动,然后卡入底部。
我已经解决了一个可能的解决方案,可能是使“无结果”文本具有一定的高度,以使页面上的所有内容总计为100vh。有没有一种方法可以计算它,使其成为页面上剩余内容的计算高度,以确保页面内容的最小大小为100vh。
以下是问题的屏幕截图:
这是在实际动画期间发生的情况。页面以一种奇怪的方式调整大小,其中页脚首先向上移动,底部留空白,然后才向下对齐。
附件是我的网站的实时代码,要了解我的意思,请先向下滚动,然后单击“财务可持续性”复选框。 Link to live code
如果有人对此有任何建议,甚至在如何更好地解释问题方面也有任何建议,我欢迎任何反馈和建议,我非常感谢所有支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。