Javascript 使滚动导航条在引导程序中位于浏览器顶部

我是Twitter引导新手，希望在一个深沉的报头底部有一个导航栏，当用户垂直滚动页面，导航栏到达页面顶部时，将样式更改为，以便导航栏变得固定。我想要的效果与仅使用引导导航栏相同

因此，真正的问题是当导航栏滚动到位置0（即：浏览器顶部）时，如何触发导航栏固定顶部样式

---

如有任何想法或建议，将不胜感激。谢谢。

您必须使用javascript来完成此操作。这里有一个解决方案，它依赖于jQuery，一旦导航栏到达页面顶部，就将导航栏定位转换为固定，并在其位置粘贴一个临时div，以防止布局发生变化

---

您可以尝试CSS3粘性位置：

.sticky {
  position: sticky;
  top: 10px; /* When the element reaches top: 10px, it becomes fixed. */
  z-index: 100;
}

---

浏览器支持：

为了实现浏览器兼容性，以下内容可能更有用

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 10px;
  z-index: 100;
}

---

CSS类

navbar fixed top

是您想要添加的

下面是一个例子：

---

我相信这就是您想要的：

---

您有一个例子，其中的subnav与这是一个副本：基本上，当滚动条到达适当的位置时，您需要添加和删除固定类。位置：sticky的支持非常有限，没有Chrome、IE或Android