Javascript Div height是页面的剩余空间

我很抱歉我的标题措词不当，我不知道如何以最简洁的方式解释我的问题

我有一个同位素JavaScript插件，我用它过滤一些元素。该插件工作正常，但我添加了自己的“无结果”文本，当没有结果时会出现。它功能正常，但动画不起作用

此时，如果您在页面上向下滚动，结果从多个显示结果变为0个结果，并显示“无结果”代码，则会出现一个动画故障，我的页脚（我使用flex display设置为位于屏幕底部）从底部向上移动，然后捕捉到底部

我已经计算出一个可能的解决方案，就是给“无结果”文本一个高度，使页面上的所有内容加起来达到100vh。是否有一种计算方法，使其成为页面上剩余内容的计算高度，以确保页面内容的最小大小为100vh

以下是该问题的一些屏幕截图：

在没有结果的情况下，整个过程应该是这样的。但是，这仅发生在动画结束时

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

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

---

如果有人对此有任何建议，即使是关于如何更好地解释问题，我愿意接受任何反馈和建议，我真的非常感谢所有的支持。

你能附上一些屏幕截图，它会让它更清楚。你提供的链接到live code不是代码，而是一个live demo，如果你想让任何人帮助你，你应该提供代码。如果你能提供截图并在他们的帮助下解释你的问题？@JiteshDhamaniya我添加了一些截图，很抱歉没有立即这样做。在中间的div（复选框所在的位置）上放置一个你想要的固定高度并根据你的分辨率进行缩放。如果你能附上一些屏幕截图，它会让事情变得更清楚。你提供的实时代码链接不是代码，而是一个实时演示，如果你想让任何人帮助你，你应该提供代码。如果你能提供截图并在他们的帮助下解释你的问题？@JiteshDhamaniya我添加了一些截图，很抱歉没有立即这样做。在中间的div（复选框所在的位置）上放置一个你想要的固定高度并根据您的分辨率进行缩放