在Twitter的引导的ScrollSpy,确切位置在哪里我可以把数据谍=“滚动”?(In Twit

2019-06-26 13:26发布

它清楚地说,在文档上

只需添加数据谍=“滚动”到你想窥探元素(最典型的是这将是体)

但似乎我只能得到它的工作,如果我把它放在身上。 当我把它放在我想窥探任何其他元素,在导航栏的最后一个元素被选中。

这是对身体,和它的作品,而这是同样的事情,但有data-spy="scroll"我想窥探的元素,它失败(只有最后一个元素被激活)。

我是不是做错了什么或者这是一个错误?

Answer 1:

您的第二个例子可以固定使用:

#TryToPutDataSpyHere{
  display:inline;
}

但由于某些原因,它不适用于演示

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

但是,只有当我有以下的CSS代码(在文档中使用)工作原理:

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

http://jsfiddle.net/baptme/KbphR/1/

这似乎是height: 200px;overflow: auto; 都是必要的

没有你的情况下,也许因为你的.box{height: 500px;}



Answer 2:

我有一个类似的问题在那里,所以我实际上是走进了自举JS发现滚动间谍(SCROLLSPY类定义)部分,改变了这一行滚动的间谍不会对任何工作,但标签:

,$元件= $(元素)。是( '主体')? $(窗口):$(元素)

为此:

,$元件= $(元素)。是( '主体')? $(窗口):$(窗口)// $(元素)

(注意://之后的元素是评论,所以我不要忘记我改变了它)

和固定对我来说。



文章来源: In Twitter Bootstrap's ScrollSpy, where exactly can I put data-spy=“scroll”?