在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);