【问题标题】:Bootstrap Scrollspy Error in FirefoxFirefox 中的引导 Scrollspy 错误
【发布时间】:2012-10-19 16:55:58
【问题描述】:

我正在使用 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">

控制台中也没有抛出任何错误,增加了找出问题的麻烦。如果有人在过去遇到过这个特定问题的任何问题,我们将不胜感激!

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

【问题讨论】:

    标签: javascript jquery debugging firefox twitter-bootstrap


    【解决方案1】:

    body 中删除height: 100%

    【讨论】:

    • 总是小事。 ;) 为忽略这么一件小事而感到愚蠢,但非常感谢您的帮助。谢谢,SilentGhost!
    • 拥有height: 100% 有什么好处吗?
    • 是的,它是必需的,即Sticky Footer
    【解决方案2】:

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

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

     <br style="clear: both"/>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-03-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多