iOS Safari 位置 :fixed doesn't work at all

Question

position:fixed 不适用于移动 safari 浏览器。我已经尝试了两种设备，iPhone7 和 5s 以及最新的 Safari 版本。我快疯了。我已经找到的任何互联网技巧都无法帮助我。我找到了一个网站，我的 iPhone 实际上向我显示了固定的导航栏。但是当我将该站点的源代码复制到我的代码中时，我的 iPhone 拒绝将导航栏显示为固定元素。

.fixed {
  position:fixed;
  width:100%;
  z-index:1;
  top: 0;
  overflow: hidden;
}

此外，这些设备不支持任何类型的滚动检测，window.pageYOffset、window.parent.pageYOffset 和 document.documentElement.scrollTop 均不支持。全部显示0。请帮我。我受不了了

Answer 1

尝试添加以下 CSS

nav{
  -ms-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

如果不行，试试这个

nav{
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

如果有帮助，请告诉我