У меня проблема с прокруткой div в мобильном сафари. У меня есть вложенная структура с body { position: fixed }, внутри которой у меня есть родительский и дочерний div. Контейнерный блок имеет: .container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } и свойство max-height, которое динамически устанавливается с помощью javaScript.
Когда я прокручиваю контейнер в мобильном сафари за пределы содержимого дочернего блока (пиная в Эффект прокрутки overscroll 'или' elasti c / rubber-band ', я получаю все виды дрожания, как показано здесь:
I' Я искал SO и все остальные ресурсы, которые мог найти, но безрезультатно. Одна часть информации, которую я чувствую, вероятно, уместна:
Если я отключу прокрутку элемента, я могу перетащить экран, как если бы я пытался прокрутите и иногда я могу заставить нижнюю часть дочернего содержимого исчезать и показывать фон контейнера div размером ~ 40px на iPhone. Это примерно размер панели управления внизу, но появляется над панелью управления.
Я также прочитал в глубоко скрытом комментарии, что когда-то была ошибка с сафари, вызывающая события изменения размера при прокрутке, но я настроил прослушиватели событий на предупреждение, если событие изменения размера запускается для проверки, и не понял, чтобы это произошло.
Я заблудился относительно того, что искать, чтобы исправить это. Идеи о том, что вызывает это?
Примечание: FWIW, это встроено в React с create-реагировать-приложение.