Javascript 引导响应导航栏，在滚动特定div后变为固定状态

我正在尝试做一些类似这个网站的事情。

---

当导航条到达顶部时，我需要修复它，但不给上面的div提供任何固定的高度（在链接的情况下为橙色），因为它是响应性的，并且当屏幕大小减小时，高度会发生变化。

与其为此编写新的javascript，我建议您改用引导

粘贴

您只需向导航栏添加适当的属性，如下所示：

<nav class="navbar navbar-default" data-spy="affix" data-offset-top="200" role="navigation">
  --your navbar markup here--
</nav>

---

导航栏应该使用滚动条上的

.affix

属性。

这是sticky.js中的代码

  <script>
    $(window).load(function(){
      $("#myHeader").sticky({ topSpacing: 0 });
    });
  </script>

$（窗口）。加载（函数（）{
$（“#myHeader”）.sticky（{topSpacing:0}）；
});

不确定引导中是否有特定于此的内容。我使用的是你能提供一个js提琴或者你已经尝试过的代码的例子吗？请提供一个JSFIDLE来显示你到目前为止已经尝试过的东西？？我刚刚尝试了sticky.js$（window.load（function（）{$（“#myHeader”）.sticky（{Topspace:0}）；}）；它似乎适用于个人电脑，但不适用于平板电脑和手机

  <script>
    $(window).load(function(){
      $("#myHeader").sticky({ topSpacing: 0 });
    });
  </script>