5

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

我已经执行了所有需要的步骤，即下面是正文标签

  <body data-spy="scroll" data-target="#top-fixed-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();

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

4

2 回答 2

5

文档说：

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

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

于 2013-07-28T14:01:14.300 回答
1

尝试这个：jsfiddle

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

高度：100%

到 html 和 body 标签

于 2013-08-21T17:51:44.453 回答