【问题标题】:Scrollspy on hidden sectionsScrollspy 隐藏部分
【发布时间】:2015-07-19 16:46:57
【问题描述】:

我似乎无法让 scrollspy 使用隐藏元素。

我将data-spy="scroll" 放在body 上,data-target=".classOfNavWrapper",它并没有忽略文档暗示的隐藏元素,而是似乎选择了几乎要激活的元素随机。

这是一个小提琴:http://jsfiddle.net/shdapqap/1/

<div class="container">
  <div class="row">
    <div class="span3">
      <div class="nav-wrapper">
          <ul id="my-nav" class="nav nav-list affix">
            <li><a href="#moose">Moose</a></li>
            <li><a href="#bear">Bear</a></li>
            <li><a href="#beaver">Beaver</a></li>
            <li><a href="#raccoon">Raccoon</a></li>
            <li><a href="#bobcat">Bobcat</a></li>
          </ul>
      </div>
    </div>
    <div class="span9 my-content">
      <section id="moose">
          Mooses are cool and big and stuff.
      </section>
      <section id="bear">
          You better stay away from bears, they are bad news.
      </section>
      <section id="beaver">
          Beavers like to slap their tail to scare predators and children.
      </section>
      <section id="raccoon" class="hidden">
        Raccoons like french fries, don't ask me how I know.
      </section>
      <section id="bobcat" class="hidden">
        I would like to know if bobcats go crazy for catnip like my house cat does.
      </section>
        <button class="show">Show next</button>
    </div>
  </div>
</div>

底部是一个显示下一个按钮..它显示下一个隐藏的 div 并刷新 scrollspy,它似乎只有在删除最后一个隐藏类后才能流畅地工作。

引导版本:2.2.2(坚持)。

【问题讨论】:

    标签: javascript jquery css twitter-bootstrap twitter-bootstrap-2


    【解决方案1】:

    我通过将 Bootstrap 2.2.2 JS 的 ScrollSpy 部分替换为 Bootstrap 3.3.5 中的 Scrollspy 部分解决了这个问题。当然,记得在显示每个项目后刷新滚动间谍。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-01-10
      • 2021-05-19
      • 2018-02-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多