开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >生成页面内容上方的滚动空间时，HTML高度会发生变化

问生成页面内容上方的滚动空间时，HTML高度会发生变化
EN

Stack Overflow用户

提问于 2021-06-02 16:43:11

回答 1查看 41关注 0票数 4

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

一旦我打开Inspector，这个问题就消失了，并且在inspector打开的时候很难重现。该问题零星出现在各种浏览器中。火狐(88.0.1，Windows11.4)似乎是我能最好地再现它的浏览器，但在MacOS 10上也会发生这种情况。

我试着用quicktime尽可能的捕捉到它(请忽略缩放，我在滚动的时候按住了cmd一小段时间)：https://www.youtube.com/watch?v=hFNol4eAeYA

该页面的网址为：https://karlaugust.de/

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

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-06-04 22:13:07

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

标题(带有徽标的导航栏、菜单等)was position:sticky，这似乎会在父容器( #container )没有声明的高度(例如is display:block)时产生这个问题，将# container放到display:inline-block似乎可以解决这个问题。仍然不知道确切的原因，但似乎有很多关于位置的bug报告:sticky和firefox。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67801786

复制

相似问题