Question

我开始使用Bootstrap。现在我正在寻找引导程序here中的导航栏。我试图采用的侧导航栏html和JavaScript（固定侧导航栏在链接中看到它而不是链接中的示例）

代码：

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

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

我正在寻找一些像jqueryui这样的开源或项目。

Answer 1

如果您正在寻找为其文档添加固定边栏（如引导程序用途），例如此处http://getbootstrap.com/javascript/#affix，请尝试以下操作：

将id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10"添加到您想要在滚动时锁定的<div>或<ul>。

并在页面底部添加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>

仅供参考，我建议为你的帖子建议一个更新的标题，也许是＃34;使用bootstrap进行固定/粘性导航。＆＃34;而不是＆＃34;简单方法navbar bootstrap＆＃34; （只是我的意见）

简单方法navbar bootstrap

1 个答案: