javascript - Bootstrap 3 : Cant make two affix side bars

Question

我目前正在编写一个 bootstrap 网站，我即将完成。但我有一个部分无法完成，那就是边栏，

例如，我制作了一个 bootstrap 3 spy + affix side bar: http://s.bootply.com/render/RpfBuecywd

想象一下 Side scrollspy 菜单后面有另一个菜单，当您滚动时它会移动。

我正在尝试做这样的事情:

我总是做不到这一点，因为每次我创建第二个菜单时，菜单本身不会滚动并且页面会被破坏.. 如果你们中有人可以帮助我做到这一点，我会永远爱你。在过去的 30 分钟里，我一直在尝试这样做，但我想不出一种方法来做到这一点。

谢谢， 阿维夫。

Answer 1

<div class="container">
<div class="row">
<div class="col-md-3">
<div class="sidebar-nav-fixed affix">
  <div class="well">
    <ul class="nav ">
      <li class="nav-header">Sidebar</li>
      <li class="active"><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
    </ul>
  </div><!--/.well -->

  <div class="well">
    <ul class="nav ">
      <li class="nav-header">Sidebar</li>
      <li class="active"><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
      <li><a href="#">Link</a>
      </li>
    </ul>
  </div><!--/.well -->
</div><!--/sidebar-nav-fixed -->
</div>
</div>
</div>

这是一个类似的例子:Right and Left Sidebars Fixed

始终包含 fiddle你们在提问时编码。