Javascript 滚动时HTML高度发生变化-生成页面内容上方的空间

我对我们的一个网页有一个非常奇怪的问题，当你在页面上滚动时，页面上方似乎产生了一些空间，这些空间会改变html容器的高度，并使页面在滚动时跳跃

一旦我打开Inspector，问题就会消失，并且在Inspector打开时很难重现。这个问题偶尔出现在各种浏览器中。Firefox（88.0.1，MacOS 11.4）似乎是我可以最好地复制它的浏览器，但它也发生在Windows 10上

我试图用quicktime尽我所能捕捉它（请忽略缩放，我在滚动时按住cmd有一小会儿）：

该页面的URL为：

有人知道这个问题的根源在哪里吗

---

谢谢大家!

谢谢您的回复，我终于找到了问题所在：

---

标题（带徽标的导航栏、菜单等）的位置为：sticky，当父容器（#容器）没有声明的高度（例如is display:block）时，这似乎会产生此问题，将#容器放入display:inline block似乎可以解决此问题。我仍然不知道确切的原因，但关于position:sticky和firefox，似乎有很多bug被报道。

我在firefox中遇到的问题中，最轻微的就是“神经质”。更大的问题是，从底部向上滚动时会出现较大的未渲染部分。拉吉交叉口观测者？你有很多活动部件，你需要尝试创建一个新的组件，这也可以帮助你隔离一些动态。很难找到问题的根本原因，我可以在Firefox上复制它，因为你提到的原因，跟踪哪个元素在做这件事很难，我试图通过删除调试中的节来缩小它的范围，但这并没有帮助。。。rest看起来都不错，我注意到只有当我向下滚动高度保持随时间增加时，问题才开始发生。。与滚动有关