Div高度为页面的剩余空间

问题描述

我为标题的措词不佳表示歉意，我不确定如何以最简洁的方式解释我的问题。

我有一个同位素JavaScript插件，该插件用于过滤某些元素。该插件工作正常，但是我添加了自己的“无结果”文本，该文本在无结果时显示。它可以正常运行，但是动画不起作用。

此刻，如果您在页面上向下滚动，结果从多个显示的结果变为显示“无结果”代码的0个结果，则页脚会出现动画故障（我使用柔性显示屏（位于屏幕底部）从底部向上移动，然后卡入底部。

我已经解决了一个可能的解决方案，可能是使“无结果”文本具有一定的高度，以使页面上的所有内容总计为100vh。有没有一种方法可以计算它，使其成为页面上剩余内容的计算高度，以确保页面内容的最小大小为100vh。

以下是问题的屏幕截图：

这是没有结果时整个时间的外观。但是，这仅发生在动画结束时

这是在实际动画期间发生的情况。页面以一种奇怪的方式调整大小，其中页脚首先向上移动，底部留空白，然后才向下对齐。

附件是我的网站的实时代码，要了解我的意思，请先向下滚动，然后单击“财务可持续性”复选框。 Link to live code

如果有人对此有任何建议，甚至在如何更好地解释问题方面也有任何建议，我欢迎任何反馈和建议，我非常感谢所有支持。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）