css - 修复了左侧导航和固定标题问题

Question

在这个站点上，当用户单击导航上的标题时，我有一个固定的导航和标题，它会将他们带到正确的内容框。然而，当他们从“Just Kids”点击到“Home”时，顶部内容隐藏在固定标题后面。此外，您会注意到页面加载时会发生这种情况；内容隐藏在固定标题后面。

我尝试了几件事；添加了一个具有高度的 div 以将内容向下推，如此处所示， 但在此处，当页面加载时，正确的内容区域被向下推。

有没有人以前看过这样的网站或对如何解决上述问题有建议？

Answer 1

锚的行为是这样的。当您跳到锚点时，它将尝试转到屏幕顶部。

似乎您已经在使用 Javascript 来实现平滑的滚动效果。在效果期间，不是滚动到锚点，而是阻止默认动作，获取锚点的顶部偏移量，滚动到(that top offset - the header height)