CSS - 位置 :Fixed navigation bar not working in Safari (OS X or 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

导致问题的是你的 parent <div id="page">正在使用 transform: translate3d(0, 0, 0); & -webkit-transform: translate3d(0, 0, 0); .在 Safari 中使用它存在错误。

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

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