HTML 滚动时高度变化 - space 上面的页面内容生成
HTML Height changes when scrolling - space above page content is generated
我们的一个网页出现了一个非常奇怪的问题，当您在页面上滚动时，页面上方似乎生成了一些 space，这会改变 html 的高度容器并使页面在滚动时跳动。
我一打开 Inspector，问题就消失了，并且在打开 Inspector 时很难重现。该问题偶尔会出现在各种浏览器中。 Firefox（88.0.1，MacOS 11.4）似乎是我可以最好地重现它的浏览器，但它也发生在 Windows 10.
我尽我所能用 quicktime 捕捉它（请忽略缩放，我在滚动时按住 cmd 一会儿）：
https://www.youtube.com/watch?v=hFNol4eAeYA
页面的URL为：https://karlaugust.de/
有人知道这个问题的根源在哪里吗？
谢谢！
谢谢你的回复，我终于找到问题所在了：
header（带有徽标、菜单等的导航栏）是 position:sticky，当 parent 容器 (#container) 没有声明的高度（例如 display:block），将 #container 放到 display:inline-block 似乎可以解决它。仍然不知道为什么，但似乎有很多关于 position:sticky 和 firefox 的错误报告。
我们的一个网页出现了一个非常奇怪的问题，当您在页面上滚动时，页面上方似乎生成了一些 space，这会改变 html 的高度容器并使页面在滚动时跳动。
我一打开 Inspector，问题就消失了，并且在打开 Inspector 时很难重现。该问题偶尔会出现在各种浏览器中。 Firefox（88.0.1，MacOS 11.4）似乎是我可以最好地重现它的浏览器，但它也发生在 Windows 10.
我尽我所能用 quicktime 捕捉它（请忽略缩放，我在滚动时按住 cmd 一会儿）： https://www.youtube.com/watch?v=hFNol4eAeYA
页面的URL为：https://karlaugust.de/
有人知道这个问题的根源在哪里吗？
谢谢！
谢谢你的回复，我终于找到问题所在了：
header（带有徽标、菜单等的导航栏）是 position:sticky，当 parent 容器 (#container) 没有声明的高度（例如 display:block），将 #container 放到 display:inline-block 似乎可以解决它。仍然不知道为什么，但似乎有很多关于 position:sticky 和 firefox 的错误报告。