twitter bootstrap scroll-spy的问题

时间:2012-12-05 11:59:40

标签: jquery html twitter-bootstrap

此代码jsFiddle有什么问题。

我已经完成了示例所说的所有内容,尝试$('#navbar').scrollspy()但仍然没有成功。

请解释我的问题并指出我的解决方案。

谢谢!

Updated fiddle

1 个答案:

答案 0 :(得分:2)

需要将ScrollSpy对象附加到触发滚动事件的元素。在您当前的标记中,该元素实际上是<body>而不是<table>元素。

尝试从表中删除data-spy="scroll" data-target=".nav"属性,然后将其添加到<body>

否则,如果您希望<table>发起滚动事件,则需要有一个滚动条,即固定heightoverflow: auto(这是Bootstrap Documentation Scrollspy example如何做到这一点。


更新

如果要将表单放在模态中,则具有类modal-body的元素将成为触发滚动事件的元素。将Scrollspy对象附加到它。