生成页面内容上方的滚动空间时，HTML高度会发生变化
生成页面内容上方的滚动空间时，HTML高度会发生变化
提问于 2021-06-02 16:43:11
我们的一个网页有一个非常奇怪的问题，当你在页面上滚动时，页面上方似乎产生了一些空间，改变了html容器的高度，使页面在滚动时跳来跳去。
一旦我打开Inspector，这个问题就消失了，并且在inspector打开的时候很难重现。该问题零星出现在各种浏览器中。火狐(88.0.1，Windows11.4)似乎是我能最好地再现它的浏览器，但在MacOS 10上也会发生这种情况。
我试着用quicktime尽可能的捕捉到它(请忽略缩放，我在滚动的时候按住了cmd一小段时间)：https://www.youtube.com/watch?v=hFNol4eAeYA
该页面的网址为：https://karlaugust.de/
有人知道这个问题的根源在哪里吗？
谢谢!
Stack Overflow用户
回答已采纳
发布于 2021-06-04 22:13:07
感谢您的回复，我终于找到了问题所在：
标题(带有徽标的导航栏、菜单等)was position:sticky，这似乎会在父容器( #container )没有声明的高度(例如is display:block)时产生这个问题，将# container放到display:inline-block似乎可以解决这个问题。仍然不知道确切的原因，但似乎有很多关于位置的bug报告:sticky和firefox。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67801786
复制相关文章
相似问题
腾讯云开发者
