Проблемы с прокруткой iOS

Question

У меня возникла проблема с позиционированными элементами.Я пытаюсь сделать модальное всплывающее окно в одном из моих приложений, но оно не работает должным образом на iPad / iPhone.

CSS очень прост:

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
}

.modal-body {
  padding: 20px;
}

Тем не менее, когдаЯ прокручиваю вниз «модальное» на устройстве iOS, оно не обладает такой же плавностью, как обычная страница.Я где-то читал, что это из-за исправления, поэтому я изменил его на абсолютный, и проблема все еще была.

Я создал здесь ручку:

https://codepen.io/r3plica/pen/oQqRra

Может кто-нибудь сказать мне, почему это происходит, и, возможно, помочь мне это исправить?