Javascript 简易导航条引导

我开始使用引导。现在我正在寻找引导中的导航栏。side navbar html和JavaScript我试图在链接中看到固定的side navbar，而不是链接中的示例

守则：

 <ul><li>first menu</li>
 <ul><li>sub menu<li>
 <li>sub menu 2</li>
 <ul>
 <ul>

但在JavaScript中并不清楚。滚动时如何打开和选择活动元素 还有设计

---

我正在寻找一些开源或类似jqueryui的项目。

如果您希望为他们的文档添加固定边栏式的引导，如此处所述，请尝试以下方法：

将id=foo data spy=stax data offset top=100 data offset bottom=10添加到或在滚动时要锁定到位

并在页面底部添加javascript：

<script type="text/javascript">
 $('#foo').affix({
    offset: {
      top: 100
    , bottom: function () {
        return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  })
</script>

从这里开始，您需要通过调整“顶部”元素来调整要锁定的高度

例如：

<div id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10">
  <!-- everything in here is be fixed to top -->
</div>

<script type="text/javascript">
  $('#foo').affix({
    offset: {
      top: 100
        , bottom: function () {
           return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  })
</script>

---

仅供参考，我建议为您的文章提供一个更新的标题，也许是带有引导功能的固定/粘性导航。navbar引导不是简单的方法，而是我的意见，这里有一个工作模板：可能是链接中看到的固定端的副本感谢anwser问：是不是粘贴做所有事情解码html并创建navbar，我需要粘贴.js？不，你需要将navbar放在divfoo中