Header fixed en safari IOS

[kakashi20]

Hola

Tengo el siguiente código para hacer un header fixed:

Código CSS:

#navHeader {
    height: 96px;
    position: relative;
    top:0;
    z-index: 3;
 
    -webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
 
.headerFixed{
    position: fixed !important;
    width: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 9 !important;
    display: block;
    left: 0;
}
 

Cuando el scroll baja , se adiciona la clase .headerFixed al id #navHeader

Esto funciona perfecto en el navegado chrome pero en safario IOS , aparece un extraño efecto como de animación de izquierda a derecha , el cual no debería ser así.

Alguna idea ?

Gracias