css - 在 iOS Safari 中闪烁固定导航

Question

所以直截了当：

我有一个包含大量内容和固定导航栏的长页面。问题是，当我向下滚动时，导航栏会持续闪烁或消失一瞬间。这是CSS：

.navbar-fixed-top {
      position: fixed;
      top:0
      left: 0;
      box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .6);
      height: 50px;
      background: #333;
      z-index:3;
}

问题只出在 Safari 中，我试过 Opera Mini 和 Chrome 都很好。

Answer 1

将此声明添加到固定元素以强制 GPU 加速：

transform: translate3d(0,0,0);