0

我正在建立一个新网站，但我遇到了一个简单的任务问题 - 创建一个粘性导航。

它在 Safari 和 Chrome 以及移动浏览器上都能完美运行，但在 Firefox 中却不行。

有人对可能出了什么问题有一些想法吗？

PS。首先在 Safari 中尝试该网站。向下滚动时会出现导航。

http://shakeinteractive.no/shkpress/

4

1 回答 1

0

您<html>的样式带有变换。这意味着那里的所有position: fixed内容现在都固定在该元素的盒子上，而不是视口上。所以当<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 中设置转换，这就是您的页面在那里工作的原因。

于 2013-11-09T03:01:34.283 回答