Se corrigió el salto de navigation fijo cuando -webkit-overflow-scrolling: toque;

Esto solo sucede en Safari en iOS

He aplicado

body { font-family: helvetica, verdana, sans-serif; background: #fff; overflow: auto; height: 100%; overflow-y: scroll; /* I added this */ -webkit-overflow-scrolling: touch; /* and also this */ } 

Esto se debe a que quería tener un desplazamiento suave en el dispositivo mobile (Safari en IOS). Pero después de hacer eso introduje un nuevo error, mi navigation ahora no está arreglada cuando me desploop. Salta y actualiza su location una vez que se detiene el desplazamiento.

Aquí está el css para la navigation

 .nav-bar { background-color: #ff0000; position: absolute; top: 0; left: 0; width: 100%; height: 51px; z-index: 1030; max-height: 51px; } .nav-container { margin: 0 auto; height: 51px; max-width: 1170px; width: 100%; } 

El html es

 <body class="home"> <div class="nav-bar"> <div class="nav-container"> </div> </div> <div class="content"> <p>content here</p> </div> </body>