带jQuery单页导航的引导固定标头

我正在使用twitter引导

我已将此添加到我的页面中，以使导航栏与滚动条同步。

但我似乎无法用css将其重新设置到位。通过删除

位置：fixed

，您可以看到我想要的位置

第二个问题是，当滚动页面时，链接应该是活动的，因为我在哪个部分。不知怎么的，这已经不起作用了

我正在使用jQuery一页导航插件和Twitter引导

---

默认情况下，引导删除平板电脑和手机的固定位置。如果要覆盖此选项，请尝试：

编辑

@media (max-width: 979px){

    .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    }  

}

对于菜单链接，当前您有：

<a href="#section-2">Cv</a> 

然后，在html中，您需要向导航栏中添加一个额外的类，以指定要附加该类：

<div id="top-nav" class="navbar navbar-fixed-top">  

一旦你做了，一切都很好，你只需要发挥与下拉导航链接样式

---

现场观看：谢谢我添加了你的代码。问题是我不能把菜单放在正确的地方。我不知道你说的'是什么意思。。。“无法将我的菜单放在正确的位置”据我所知，顶部菜单中的链接连接到页面正文中的正确位置。仅供参考，目前第1节环绕整个页面，除非有原因，否则最好在打开第2节之前关闭它。是的，链接可以正常工作。这是一个css定位问题。在我添加位置后：修复了导航位置脱离流程。如果删除“.navbar fixed top、.navbar fixed bottom{position:fixed；}”，您可以看到它的外观。无法使其工作。我已尝试添加您的代码，但不知何故它对我无效。您确定吗？看看这个。这是页面的简化版本，更新了@media语法，并在上面提到的顶部导航div中添加了导航栏固定顶部closs。仅供参考，您有一些验证漏洞，可能也需要修复：。希望这有帮助！

 <section id="section-2">
 <div class="full-2">
 <div class="container-narrow">

 ....

/*By default, Bootstrap removes the fixed position for tablets and phones*/
@media (max-width: 979px){

.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
    }
}

<div id="top-nav" class="navbar navbar-fixed-top">