引导程序附加顶部标题的锚定问题

Question

我的固定标题导航栏在锚点处覆盖内容时遇到问题。我知道这个网站上有很多关于这个主题的问题，在研究之后在这里使用了解决方案：

offsetting an html anchor to adjust for fixed header

总体而言，上述解决方案效果很好，但似乎只有在启动滚动时才能正常工作。当滚动发生时，我已将标题设置为.affix（引导程序），但是当页面顶部和标题为.affix-top 时，上述解决方案不起作用，标题导航仍然覆盖内容。

有人知道解决这个问题的方法吗？我认为这是今天的事情，因为当标题固定在顶部时，我的布局是流畅和定位的。

网站在这里：

http://staging.kmashworth.co.uk

谢谢

Answer 1

因为无论如何我都希望修复标题，所以我只是 position: fixed 标题，然后将 padding-top: 120px（与标题相同的高度）添加到标题下方的容器元素中，因此内容不会被覆盖。

不确定这是否是最好的方法，但目前还可以。