CSS - 当 div 低于首屏时标题跳转

Question

我一直在努力解决这个问题。

这是我的问题:我有这两个页面，其中带有 Logo 和登录详细信息的页眉应始终位于同一位置。在其中一个页面上，我注意到页眉根据下面的 div 的长度移动!

这是页面:

http://presencepro.fr/speakspot/homepage-logged-out.html

如果您删除一大块 lorem ipsum 文本(以便所有内容都适合您的视口(viewport))，您会注意到标题回到了它应该在的位置。好像div太长对上面的div有影响。

可能是什么问题？

您可以与第二页并排比较，这是标题应始终位于的位置:

http://www.presencepro.fr/speakspot/login.html

非常感谢您抽出宝贵时间。

纪尧姆

Answer 1

问题是由于滚动条缩小了屏幕的宽度，因此居中对齐的所有内容都被迫移动。

我建议您通过在 CSS 中使用以下代码强制垂直滚动条始终显示。

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}