我正在使用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">
控制台中也没有任何错误,增加了解决问题的麻烦。如果过去任何人对此特定问题有任何疑问,我们将非常感谢您的帮助!
如果您还有其他需要,请告诉我!
答案 0 :(得分:8)
从height: 100%
删除body
。
答案 1 :(得分:0)
对我来说问题是我在内容div上使用了float:left,这导致内容本身的高度= 0。因此,scrollspy将无法识别高度(我猜?)
我只是在内容div下面使用clear来解决问题。
<br style="clear: both"/>