Twitter bootstrap 如何使用Twitter引导将导航栏粘贴到顶部？

我有一个导航条，从加载页面顶部开始大约50px。当我向下滚动时，我希望导航栏“粘贴”到页面的最顶部，并在我滚动其他内容时可见。这与官方引导教程Github站点上导航栏的功能类似。
我可以使用以下命令使导航条保持在原位（尽管在向下滚动页面时，导航条始终从顶部以50px的速度移动）

<ul class = "nav nav-list bs-docs-sidenav affix">

但一旦我在上面加上“-top”，它看起来像

<ul class = "nav nav-list bs-docs-sidenav affix-top">

当我向下滚动页面时，导航栏不再停留在原来的位置，并从视图中消失

---

向下滚动时，如何将导航条粘贴到页面顶部？

需要更正的事情很少。见修正案

词缀在引导程序中使用jQuery作为JavaScript代码实现，您既不包括BS的JS也不包括jQuery

要为元素启用粘贴，请根据，使用

data spy=“affix”

，而不是

class=“affix”

。你为什么这么做？类

词缀

和

词缀顶部

有不同的用途-它们告诉您当时词缀的状态。如果此时元素已固定，则类为

粘贴

，如果可滚动，则BS将类更改为

粘贴顶部

您必须告诉BS何时需要修复元素。以像素为单位的距离（必须滚动的距离）由属性

data offset top

设置。还可以在CSS中指定导航在修复时的外观。如果它绑定到顶部（窗口边框和元素之间没有空格），则

粘贴{top:0；}

即可

---

您好，marcin，您需要bootstrap.js文件和jQuery库，还是只需要其中一个来实现粘贴？两者都需要。

bootstrap.js

（或其仅包含词缀功能的部分-

bootstrap Affix.js

）是Twitter的代码，但它需要jQuery，因为它是当今互联网的一半；）感谢jQuery，您可以更快、更干净地创建JS，但首先，它将在许多不同的web浏览器中更具可移植性，因此，感谢BS作者使用它：）