我正在构建一个新网站，但我遇到了一个简单的任务 - 创建粘性导航。
它在 Safari 和 Chrome 以及移动浏览器中都能完美运行，但在 Firefox 中却不行。
有没有人知道什么地方可能出了问题？
附言。首先在 Safari 中尝试该网站。向下滚动时会出现导航。
最佳答案
你的 <html>带有变换样式。这意味着所有 position: fixed in 现在固定到该元素的框，而不是视口(viewport)。所以当<html>卷轴，#nav_scroll也滚动。
相关的 CSS 规则如下所示:
html, html a {
-webkit-font-smoothing: subpixel-antialiased;
transform: translate3d(0, 0, 0);
}
注意它没有使用 -webkit-translate3d目前，基于 WebKit/Blink 的浏览器是唯一不支持无前缀 CSS 转换的浏览器。因此该规则不会在 <html> 上设置转换在 Chrome 或 Safari 中，这就是您的页面在那里工作的原因。
关于jquery - 位置固定错误仅在 Firefox 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19841656/