Anchor问题与bootstrap贴顶头

时间:2016-04-18 16:03:34

标签: javascript jquery html css twitter-bootstrap

我的固定标题导航栏存在问题,涵盖了定位点的内容。我知道这个网站上有很多关于这个问题的问题,经过研究后在这里使用了解决方案:

offsetting an html anchor to adjust for fixed header

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

有谁知道这方面的工作?我认为今天的事情是我的布局是流畅的,并且当标题贴在顶部时定位。

网站在这里:

http://staging.kmashworth.co.uk

谢谢

1 个答案:

答案 0 :(得分:0)

因为我想要修复标题,我只需position: fixed标题,然后将padding-top: 120px(与标题相同的高度)添加到标题下方的容器元素中,以便内容为没有报道。

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