iOS 9 `-webkit-overflow-scrolling: touch` и` overflow: scroll` перерывы прокрутки

Я разрабатываю webapp, и у меня есть div внутри iFrame, у которого есть скрытый, переполненный контент, который я хочу прокручивать.

На Safar на iOS 9, когда я добавляю -webkit-overflow-scrolling:touch; к div (у которого уже есть overflow-y: scroll; чтобы дать свитке ощущение жидкости, оно ломается и не прокручивается вообще.

Я знаю, что это известная проблема, но я не нашел решений, имеющих отношение к моему сценарию: у меня есть iFrames, которые делают больше, чем передачу данных, они фактически содержат контент для пользователя. Ориентация не имеет значения, содержимое всегда нужно прокручивать.

3 Solutions collect form web for “iOS 9 `-webkit-overflow-scrolling: touch` и` overflow: scroll` перерывы прокрутки”

Я просто столкнулся с этой проблемой с динамическим контентом в div, который имел overflow: auto и -webkit-overflow-scrolling: touch .

Грязное, уродливое обходное решение: заставить содержимое внутри быть больше, чем прокручиваемый div при добавлении в dom. Что-то вроде этого:

 <div style="overflow: auto; -webkit-overflow-scrolling: touch;"> <div style="min-height: 101%"> dynamic content </div> </div> 

Моя теория заключается в том, что Safari пытается (требует) сделать некоторые тяжелые оптимизации при -webkit-overflow-scrolling: touch добавлен, и они не играют хорошо с некоторыми типами динамического контента.

Я также столкнулся с этой проблемой с webkit-overflow-scrolling: touch iOS9. Его можно воспроизвести на устройстве или симуляторе iOS. Как упоминает Кристофер Кэмпс, это происходит только с динамическим контентом, то есть с содержимым, которое изменяется от меньшего размера, чем прокручиваемый контейнер до большего, чем контейнер.

Heres CodePen демонстрирует эту проблему , включая исправление Кристофера Кэмпса .

Кажется, еще один взлом для этой ошибки Safari – использовать javascript для установки style="overflow: none" и сразу же вернуть его обратно к своему предыдущему значению.

  • Прокрутка прокрутки IOS -webkit-overflow на неправильной оси или вообще не
  • UIWebView и локальное хранилище
  • Исправленные элементы не доступны для кликов, когда я быстро прокручиваю нижнюю часть в iOS Safari 9+
  • событие touchMove на мобильном сафари - приводит к перетаскиванию всей страницы
  • Не удалось выполнить команду com.apple.WebKit.Networking: 113: Не удалось найти указанную службу
  • Почему Apple относится к этим приложениям специально?
  • Прокрутка iOS Safari вверх не работает на определенных страницах. Зачем?
  • Как остановить MPAVItem сбой моего приложения iOS с видео в моем UIWebView?
  • Максимальный размер базы данных WebSQL / SQLite внутри UIWebView (телефонная задержка)
  • iOS: сбой WebKitLegacy
  • как заставить текстовый файл с настраиваемым расширением открываться в myApp, а не отображаться как текст в Safari
  • PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.