我正在使用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">
控制台中也没有任何错误,增加了解决问题的麻烦.如果过去任何人对此特定问题有任何疑问,我们将非常感谢您的帮助!
如果您还有其他需要,请告诉我!
我有一个相当独特的情况，它似乎适用于除Internet Explorer 11之外的所有浏览器，因此这是我试图解决的主要用例。
我工作的一个想法，对于涉及利用网站布局display: flex;上<body>，以适应各种各样的布局情况。具体来说，一个是在一侧有一个“导航栏”，在左侧有一个站点的内容。flex-grow: 1;在内容上使用允许我填充导航栏后面的剩余空间，以及当我必须在某个断点隐藏导航栏时自动填充浏览器窗口的整个宽度。
但是，如果我将 a 添加max-width到内容并尝试使用 将其在剩余空间内居中margin: 0 auto;，它会在Internet Explorer 11 中失败。
/* Code to Troubleshoot
// ----------------- */
body {
display: -webkit-flex;
display: flex;
}
nav {
-webkit-flex-basis: 160px;
flex-basis: 160px;
z-index: 2;
}
main {
-webkit-flex: 1;
flex: 1;
position: relative;
min-width: 1px;
max-width: 400px;
margin: 0 auto;
z-index: 1;
}
/* Presentational Styles
// ------------------ */
* {
box-sizing: …