Question

我一直在努力让滚动间谍在我的引导网站上工作，但我无法让它工作。我遇到的问题是，无论我滚动到哪里，滚动都没有效果。你可以看到我在做什么here。

我已执行了所有必需的步骤，即下面是正文标记

  <body data-spy="scroll" data-target="#top-fixed-nav">

和nav也在那里：

            <ul class="nav" id="top-fixed-nav">
              <li>
                <a href="#home">Home</a>
              </li>
              <li class="">
                <a href="#about">About</a>
              </li>
              <li class="">
                <a href="#howto">How to Use?</a>
              </li>
              <li class="">
                <a href="#contact">Contact</a>
              </li>
            </ul>

也调用了scrollspy。

$('#top-fixed-nav').scrollspy();

任何人都可以看看，请指出我在这里忽视或做错了什么。

Answer 1

Docs说：

要轻松地将滚动行为添加到顶部栏导航，添加 data-spy="scroll"到您要监视的元素（最常见的是这将是<body>）。然后添加data-target属性任何Bootstrap .nav组件的父元素的ID或类。

您发布的代码无效，因为您正在监视#top-fixed-nav（滚动事件）。

Answer 2

试试这个：jsfiddle

如果Scrollspy突出显示最终元素，则可以添加

身高：100％

到html和body标签

使用twitter引导滚动间谍

2 个答案: