Twitter bootstrap 导航栏隐藏锚

Twitter bootstrap 导航栏隐藏锚,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,我正在用Bootstrap构建一个rails应用程序,但是顶部的固定导航栏隐藏了我通过附加到url的散列锚点跳转到的内容。基本上,我的问题和这篇文章解释的一样:,我试图用我在github上找到的以下js代码来解决这个问题: $(document).ready(function(){ var shiftWindow = function() { scrollBy(0, -50) }; if (location.hash) shiftWindow(); window.addEve

我正在用Bootstrap构建一个rails应用程序,但是顶部的固定导航栏隐藏了我通过附加到url的散列锚点跳转到的内容。基本上,我的问题和这篇文章解释的一样:,我试图用我在github上找到的以下js代码来解决这个问题:

$(document).ready(function(){    
  var shiftWindow = function() { scrollBy(0, -50) };
  if (location.hash) shiftWindow();
  window.addEventListener("hashchange", shiftWindow);
});
当我点击页面内链接跳转到锚定点时,它可以正常工作,但当我点击另一个页面中的链接试图重定向到url中有散列的页面时(如from
http://mysite.com/
http://mysite.com/posts/1#comment-5


我不知道上面的js代码出了什么问题。请帮忙,谢谢

我也遇到了同样的问题,我发现最简单的解决方案是将锚点包装在节标记中,然后将CSS表更改为:

section {
    display: block;
    padding-top: 40px;
}

然后你不需要任何js,当你从另一个页面跳转到该节id时,它就会工作。

对我不起作用。内容仍然与引导菜单重叠。