html - 单击 anchor 链接时固定标题下的内容

Question

我在尝试让我的部分位于固定标题下方时遇到问题。我把它放在网页加载时的位置，容器位于标题的正下方，但是如果我单击标题 Logo 转到网页的第一部分 (#splash-screen) ，然后它不再位于标题下方。单击标题 Logo 时，标题下方有 10-30 像素的启动画面。

Link to code

编辑:问题不仅仅在于第一(#splash-screen)部分；它包含所有部分(总共 4 个)。单击相应的 anchor 链接时，每个部分的一些像素会隐藏在固定标题下。其他 3 个部分并不明显，因为有很多空白，但我想修复所有部分，因为我要向每个部分添加更多内容，这些内容可能会或可能不会填满整个部分。

Answer 1

删除此 <div id="empty-space"></div>并添加 #splash-screen video {top: 50px;}你的代码中的CSS。这将解决您的问题。