javascript - Bootstrap 固定顶部 header 的 anchor 问题

Question

我的固定标题导航栏在 anchor 覆盖内容时遇到问题。我知道这个网站上有无数关于这个主题的问题，并且在研究之后使用了这里的解决方案:

offsetting an html anchor to adjust for fixed header

总的来说，上述解决方案效果很好，但它似乎只有在启动滚动时才能正常工作。我已将标题设置为 .affix ( Bootstrap )，一旦滚动发生，但是当页面顶部和标题为 .affix-top 时，上述解决方案不会工作，标题导航仍然覆盖内容。

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

网站在这里:

http://staging.kmashworth.co.uk

谢谢

Answer 1

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

不确定这是否是最好的方法，但到目前为止工作正常。