CSS - 位置：固定导航栏在Safari（OS X或iOS）中不起作用

Question

Here is the site in question.

如果您在Chrome中查看该页面，一切都按预期工作（滚动浏览着陆点，导航栏进入视图）。但是，它在OS X和iOS中都保持在Safari的所有内容之上。您可以拉下页面并看到那里的导航栏。

我很少在移动设备或Safari上查看该网站，但我知道这在过去是有效的，并且我们最终没有对CSS进行任何更改。也就是说，我想知道是否是Safari改变导致了这一点。

最后一点 - 我不是一个网络开发商，但我知道这很危险。我很乐意提供所需的任何其他细节。

谢谢！

Answer 1

我在Safari中通过以下帖子解决了这个问题：Position fixed not working in Safari Version 8.0.2

导致问题的原因是您的父母<div id="page">正在使用transform: translate3d(0, 0, 0);＆amp; -webkit-transform: translate3d(0, 0, 0);。 Safari中有使用它的bug。

这是CSS文件中需要注释或删除的代码：

:not(html, #top-bar) {
     -webkit-transform: translate3d(0, 0, 0); 
     transform: translate3d(0, 0, 0) 
}

Answer 2

你的导航栏它固定在顶部？，可能你需要添加这些属性：

navbar{
  margin: 0;
  top: 0;
  left: 0; }

过去我曾遇到类似Safari的问题，但请提供你的html和css代码。