scroll - 在 Twitter Bootstrap 的 ScrollSpy 中，我究竟可以在哪里放置 data-spy="scroll"？

Question

文档上写的很清楚

只需将 data-spy="scroll" 添加到您要监视的元素（通常是正文）

但似乎只有把它放在身上才能让它发挥作用。当我将它放在我希望监视的任何其他元素中时，导航的最后一个元素被选中。

在这里，它在身体上，它可以工作，这是完全相同的事情，但data-spy="scroll"在我想要监视的元素上，它失败了（只有最后一个元素被激活）。

我做错了什么还是这是一个错误？

score 5 · Accepted Answer

您的第二个示例可以使用以下方法修复：

#TryToPutDataSpyHere{
  display:inline;
}

但由于某种原因，它不适用于演示

我设法从文档中重现了您的问题：http: //jsfiddle.net/baptme/KbphR/

但它只有在我有以下 css 代码（在文档中使用）时才有效：

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}

看起来height: 200px;而且overflow: auto;都是必要的

不是你的情况可能是因为你的.box{height: 500px;}

score 0 · Accepted Answer

我有一个类似的问题，滚动间谍只能在标签上工作，所以我实际上进入引导 js 找到了 Scroll spy (SCROLLSPY CLASS DEFINITION) 部分并更改了这一行：

, $element = $(element).is('body') ? $（窗口）：$（元素）

对此：

, $element = $(element).is('body') ? $(window) : $(window) //$(元素)

（注意 // 后面的元素是注释所以我不会忘记我改变了它）

这为我解决了问题。

2 回答 2