На iOS Safari: Как предотвратить прокрутку страницы подложки / главной страницы, но за ее пределами. Оверлей должен иметь возможность прокрутки

Question

Только для iOS: когда вы добавляете оверлей к веб-интерфейсу пользователя HTML, вы не можете предотвратить прокрутку страницы подложки за пределы оверлея, установив переполнение: скрытое в теле или в HTML. Это прекрасно работает на настольных ПК, Android и т. Д.

Answer 1

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

body {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  }