Firefox中的Bootstrap Scrollspy错误

时间:2012-10-19 16:55:59

标签: javascript jquery debugging firefox twitter-bootstrap

我正在使用Bootstrap将一些文档放在一起并遇到Firefox中Scrollspy插件的问题。基本上,“活动”类将被附加到我的侧边栏导航中的最后一个列表项,并且即使在滚动页面时也不会更改。

我将我的示例与Bootstrap的版本进行了比较,但无法确定两者之间的任何差异。该脚本适用于所有其他浏览器,包括IE8 +。

我已经在这里举办了我的工作示例,任何人都可以看看你是否有时间(页面来源非常简单,所以在Firefox中看起来比在jsFiddle或其他东西中看起来更容易) ):http://dev.themusicake.com/

可以在此处找到有关Scrollspy的文档:http://twitter.github.com/bootstrap/javascript.html#scrollspy

我正在建议使用<body>元素上的数据属性:

<body data-spy="scroll" data-target=".nav-affix-container">

控制台中也没有任何错误,增加了解决问题的麻烦。如果过去任何人对此特定问题有任何疑问,我们将非常感谢您的帮助!

如果您还有其他需要,请告诉我!

2 个答案:

答案 0 :(得分:8)

height: 100%删除body

答案 1 :(得分:0)

对我来说问题是我在内容div上使用了float:left,这导致内容本身的高度= 0。因此,scrollspy将无法识别高度(我猜?)

我只是在内容div下面使用clear来解决问题。

 <br style="clear: both"/>