Hola
Tengo el siguiente código para hacer un header fixed:
Código CSS:
Ver original#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