HTML/Javascript：隐藏靠近页面底部的表行时防止页面移动

我在HTML页面中有一个简单的树表。如果表中的条目有子项，则用户可以单击图标切换子项的可见性。我的页面与此类似：

大多数情况下，您可以将鼠标保持在相同的位置，然后单击以展开和折叠相同的项目，次数可以根据需要而定。但是，当页面一直滚动到底部时，如果您折叠了某个内容，则该项目会向下移动。这是令人沮丧的，我更希望在页面内容下方插入足够的空白，以防止水平移动

---

我想在页面底部插入一个静态窗口高度边距是可能的（怎么做？），但动态的可能更好（同样，怎么做？）。我很想听到任何人对这个问题有一个优雅的解决方案。

如果没有一个例子来说明发生了什么，我不太确定如何将问题可视化，但是您可以尝试将整个表格放在一个固定高度的div中。如果您能在jsfiddle.net或pastehtml.com上为我们展示一个关于您的确切问题的示例，我们可能会进一步帮助您

编辑：

我不确定这是否就是你所说的移动的意思，但顶部的示例在表格折叠时移动其下方的所有内容，而底部的示例由于固定的div高度而将所有内容保留在原来的位置。对不起，如果你不是这么问的

---

我不能分享我真正的HTML，但我希望我可以。典型的实表具有

高度：4120px和高度：102px完全折叠时。因此，当倒塌时，底部会有大量的空间。