Html 两个导航栏位于不同的行中。希望第二排停靠在顶部

我用的是bootstrap3

这是我要更新的页面。该页面有两个导航栏。顶部是站点导航栏。第二个导航栏用于站点的About Us部分

导航栏的预期行为是：

• 滚动时，两个导航栏都向上滚动
• 第一个导航栏可以从屏幕上滚动
• 当第二个导航栏到达屏幕顶部时，它将显示docs/sticky

在我的单行导航栏上，我用bootstsrap记录导航栏

class=“导航栏固定顶部”

但当有两行导航栏时，同样的解决方案不起作用

我在bootply中建立了一个示例

---

谢谢Scott，建议您使用

<script>
$('.navbar-lower').affix({
  offset: {top: 50}
});
</script>

$（'.navbar下部'）。粘贴({
偏移量：{top:50}
});

它在中工作正常。使用您的代码进行设置。

---

第一个导航栏滚动出视图，然后第二个导航栏粘在顶部。

这解决了您的问题，您的解决方案修复了顶部导航。我认为斯科特正在寻找修复底部导航一旦它滚动到页面顶部。我喜欢Bootstrap，85%的解决方案。是的，我正在寻找第二个/更低的导航条来粘贴@AngularJR展示了下面的解决方案。在这里，它在我制作的Bootply示例中起作用，Scott，这太棒了，它正在按照您的要求工作。