Исправлена ​​навигация, когда прыгали -webkit-overflow-scrolling: touch;

Это происходит только в Safari на IOS

Я применил

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 */ } 

Это потому, что я хотел получить гладкую прокрутку на мобильном устройстве (Safari on IOS). Но после этого я ввел новую ошибку, теперь моя навигация не фиксируется при прокрутке. Он перескакивает и обновляет свое местоположение после остановки прокрутки.

Вот css для навигации

 .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%; } 

Html – это

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

Давайте будем гением компьютера.