Существует несколько способов исправить проблему с прокруткой в блоке на устройствах iOS:
1. Добавление свойства overflow: auto; или overflow-y: scroll; к стилям блока, который нужно прокрутить. Это позволит создать внутренний скролл в блоке и позволит пользователям прокручивать его содержимое.
2. Использование библиотек, таких как IScroll или react-custom-scrollbars, которые позволяют дополнительно настраивать прокрутку на устройствах iOS и исправлять проблемы с ней.
3. Попробуйте использовать свойство -webkit-overflow-scrolling: touch; для блока, в котором есть проблема с прокруткой на устройствах iOS. Это свойство может помочь улучшить прокрутку на мобильных устройствах.
4. Проверьте, не перекрывает ли другой элемент ваш блок с прокруткой. Иногда элементы могут накладываться друг на друга и мешать нормальной работе прокрутки.
Что касается проблемы с "зависанием" скролла у блока с position: fixed в мобильном Safari, возможно, проблема связана с тем, что Safari не обрабатывает правильно событие скроллинга в таком блоке. Попробуйте использовать JavaScript для обработки событий прокрутки и управления скроллом вручную. Например, можно добавить слушатель события scroll и изменять позицию блока в зависимости от направления прокрутки.