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

Question

我正在使用Bootstrap 3。

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

导航栏的所需行为是：

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

在我的一行导航栏中，我使用bootstsrap

来管理导航栏

  

类= “导航栏固定顶”

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

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

由于

Answer 1

Scott，建议使用

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

在 Fiddle 中可以正常使用。设置您的代码。
第一个导航栏滚出视图，然后第二个导航栏粘到顶部。