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

【问题标题】：Two navbars in separate rows. Want the second row to dock at the top两个导航栏位于不同的行中。希望第二排停靠在顶部
【发布时间】：2015-08-12 23:41:05
【问题描述】：

我正在使用 Bootstrap 3。

这是我要更新的页面，http://obrary.com/about-us。该页面有两个导航栏。最上面的是网站导航栏。第二个导航栏用于网站的“关于我们”部分。

导航栏的期望行为是：

在我的一排导航栏上，我用 bootstsrap 记录导航栏

class="navbar-fixed-top"

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

我在这里在 bootply 中设置了一个示例，http://www.bootply.com/XDQag4Pe5X。

谢谢

【问题讨论】：

这解决了您的问题jsfiddle.net/SchmalzyB/vNecy/4 来自stackoverflow.com/questions/21616381/… 的帖子的@Schmalzy
@blairmeister 你的解决方案修复了顶部导航。我认为 Scott 正在寻求在滚动到页面顶部后修复底部导航。我喜欢 Bootstrap，85% 的解决方案。
是的，我正在寻找第二个/较低的导航栏。 @AngularJR 显示了下面的解决方案。

【解决方案1】：

Scott，使用建议

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

它在 Fiddle 中运行良好。使用您的代码进行设置。
第一个导航栏滚出视图，然后第二个导航栏粘在顶部。

【讨论】：