Navigation fixe clignotante dans iOS Safari

Question

Allez droit au but :

J'ai une longue page avec beaucoup de contenu et une barre de navigation fixe. Le problème est que lorsque je fais défiler la page, la barre de navigation clignote ou disparaît pendant une fraction de seconde. Voici la 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;
}

Le problème ne se pose que dans Safari, j'ai essayé Opera Mini et Chrome et tout va bien.

Answer 1

Ajoutez cette déclaration à l'élément fixe pour forcer l'accélération du GPU :

transform: translate3d(0,0,0);