Ошибка отскок горизонтальной прокрутки на мобильном Google Chrome - PullRequest
Новая
       16

Ошибка отскок горизонтальной прокрутки на мобильном Google Chrome

0 голосов
/ 23 мая 2019

У меня есть веб-сайт приложения реагирования, и у меня проблема с отскоком прокрутки на мобильном телефоне Google Chrome.В сафари он работает правильно, при прокрутке не происходит отказов.

Вы можете увидеть это здесь https://youtu.be/9wczCMvNOqI

Я пробовал много решений, но ни одно из них не работает для меня.Мне нужно установить приложение на полный экран, чтобы нижний колонтитул всегда был внизу страницы или ниже.

Структура html выглядит следующим образом: 

<body>
   <div id="root"> // here renders react application
      <div class="app-wrapper"> 
         <div class="container">
         <div class="footer">
      </div>
   </div>
<body>

И вот мой css: 

body{ min-height:100vh}
#root{min-height:inherit}

.app-wrapper
{
  min-height: inherit;
  display: flex;
}

.container{
  flex-grow: 1;
}

.footer{
  flex-shrink: 0;
}

Я читал, что это может быть вызвано vh, но попытался исправить некоторые javascript для установки высоты вручную по текущей высоте окна.Но не сработало.Я действительно не знаю, что может вызвать такое поведение.

...