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

Html ScrollSpy在我的页面上的Firefox下无法正常工作,html,twitter-bootstrap,firefox,twitter-bootstrap-3,scrollspy,Html,Twitter Bootstrap,Firefox,Twitter Bootstrap 3,Scrollspy,很抱歉,我给你写了一个请求,但我无法修复我的页面。我读了几篇关于ScrollSpy的Howto、Stack Overflow和博客文章,但我无法解决我的问题。有人能帮我吗 我知道,最好的方法是将页面复制粘贴到代码共享站点,但这个问题取决于整个环境。很抱歉我希望如此! 页面: 我有一个固定覆盖(标题)的页面,我想使用主滚动条进行滚动。接下来的问题是: 在Chrome下,整个页面运行良好,但在Firefox下,菜单是疯狂的!突出显示好的菜单在第一次滚动时,但之后立即跳转最后一次。为什么?我检查了调试

很抱歉,我给你写了一个请求,但我无法修复我的页面。我读了几篇关于ScrollSpy的Howto、Stack Overflow和博客文章,但我无法解决我的问题。有人能帮我吗

我知道,最好的方法是将页面复制粘贴到代码共享站点,但这个问题取决于整个环境。很抱歉我希望如此! 页面:

我有一个固定覆盖(标题)的页面,我想使用主滚动条进行滚动。接下来的问题是: 在Chrome下,整个页面运行良好,但在Firefox下,菜单是疯狂的!突出显示好的菜单在第一次滚动时,但之后立即跳转最后一次。为什么?我检查了调试器中的div、padding和其他内容太远,无法指示页面的结尾

请帮帮我!我的婚礼取决于它……:)


谢谢大家!

您在您的容器分区上设置了
位置:绝对
。拆下它,它应该可以正常工作

#streak {
  position: absolute; /*Remove Me*/
}
这可能会稍微破坏页面的布局,但这正是FF中出现问题的原因,因此您也必须清理它

最后的解决办法是:
  • 删除所有
    位置:绝对位置
  • 替换
    填充顶部:300px
    页边距顶部:300px
    主体上
  • 新增
    页边距顶部:-300px;填充顶部:300px
    #条纹
    以修复滚动

仅供参考:该页面包含固定定位、300px高度的菜单栏。

感谢您快速、完美的回答,Schmalzy!这导致了一个小得多的问题!又来了!