css - Bootstrap :active li Opera bug

Question

过去几天我一直在使用 Bootstrap，在使用 Opera 时似乎遇到了一个错误。在页面加载时，导航栏应该有一个如下所示的列表:

<li class="hidden active">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll">

当用户滚动到新页面(或单击 li)时，相应的 li 变为 :active 并相应地改变颜色ETC。这在我使用过的所有浏览器(IE、Chrome、Firefox、Android Chrome 和 Safari)上都运行良好。然而，遗憾的是，在 Opera 上，列表呈现如下:

<li class="hidden">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll">
<li class="page-scroll active">

此外，当 li 被点击(或页面的某个部分被滚动到)时，它不会将其类更新为 :active，上面的列表是静态的(需要一个更好的词)——它永远不会改变!

有人知道导致这种情况发生的错误吗？或者任何可能的解决方案？

提前致谢!

Answer 1

用于页面(和滚动功能)的 jQuery 是 bootstrap scrollSpy。我的 CSS 将 body 和 html 设置为 height: 100%。使用 Opera 时，scrollHeight 和 maxScroll 无法正确计算!这意味着导航栏没有正确更新。我无法告诉您为什么会出现此错误以及为什么它只出现在 Opera 中。

然后解决方案是从 body 中删除 height: 100% - 然后它就可以完美地工作了(除了现在存在显示问题)。

还有其他解决方案吗？