Пустое пространство при переполнении в браузере iOS

Я совершенно новичок в HTML и CSS. В настоящее время я разрабатываю веб-страницу для мобильных устройств. и я столкнулся с проблемой: когда я перетаскиваю страницу, которая не прокручивается, сверху появляется пустое пространство, в сафари iOS или в браузере Chrome.

Я установил свою страницу CSS следующим образом:

.app-view{
  white-space: nowrap;
  top: 0px;
  overflow-y: hidden!important;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

Это пустое пространство появляется только на iOS, но не на Android. Кто-нибудь знает, как?

ОБНОВИТЬ:

У меня есть ответ, я использую framework7, и под ним скрывается еще один слой, когда я изменяю этот слой, чтобы он стал position:fixed. Проблема ушла бы