0

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

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

我有一个带有固定覆盖（标题）的页面，我想使用主滚动条进行滚动。问题来了：在 Chrome 下，整个页面运行良好，但在 Firefox 下，菜单很疯狂！在第一次滚动时突出显示好的菜单，但在跳转后立即显示最后一个。为什么？我检查了调试器中的 div、填充和其他内容太远，无法指示页面的结尾。

请帮我！我的婚礼取决于它... :)

谢谢！

4

2 回答 2

1

你已经position: absolute在你的容器上设置了 div -> <div id="streak" class="container">。删除它，它应该可以正常工作。

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

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

于 2014-01-06T21:47:18.187 回答
0

最终的解决方案是：

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

仅供参考：该页面包含固定位置、300 像素高度的菜单栏。

于 2014-01-07T02:21:26.890 回答