ScrollSpy在我的页面上的Firefox下无法正常工作

Question

我很抱歉，因为我为你写了一个请求，但我无法修复我的页面。我读了几篇关于ScrollSpy的Howto，Stack Overflow，博客文章，但我无法解决我的问题。任何人都可以帮助我吗？

我知道，最好的方法是将页面复制粘贴到代码共享站点，但这个问题取决于整个环境。抱歉!我希望！ 页面：http://eskuvonk.dras.hu/

我有一个带有固定叠加（标题）的页面，我想使用主滚动条进行滚动。问题是下一个： 在Chrome下，整个页面运行良好，但在Firefox下，菜单很疯狂！在第一次滚动时突出显示良好的菜单，但在最后一次跳转之后。为什么？我检查了调试器中的div，填充，以及其他对于指示页面结尾的距离太远。

请帮帮我！我的婚礼依赖于它...... :)

谢谢！

Answer 1

您的容器div上设置了position: absolute - ＆gt; <div id="streak" class="container">。删除它，它应该工作得很好。

#streak {
  position: absolute; /*Remove Me*/
}

这可能会破坏页面的布局，但这就是导致FF问题的原因，所以你也必须清理它。

Answer 2

最终的解决方案是：

• 从ScrollSpy检查过的锚点的任何父节点中删除了所有position: absolute;。
• 在padding-top: 300px;上将margin-top: 300px;替换为body。
• 将margin-top: -300px; padding-top: 300px;添加到#streak以修复滚动。

仅供参考：页面包含固定位置，300px高度菜单栏。