-webkit-animation-play-state не работает на iOS 8.1 (возможно, тоже ниже)

У меня есть анимация, запущенная при загрузке страницы, и с javascript я добавляю класс, содержащий

-webkit-animation-play-state:paused; 

Работая отлично на OSX сафари и всех других браузерах (даже ПК) тоже, но на мобильных устройствах, только на iOS, что анимация не кажется приостановленной при вызове.

Вот скрипка о том, как состояние анимации работает и приостановлено.

http://jsfiddle.net/uc9c5/2/

Попробуйте в iOS, вы увидите, что это полностью игнорируется.

One Solution collect form web for “-webkit-animation-play-state не работает на iOS 8.1 (возможно, тоже ниже)”

Обходной подход для iOS 8-9 Safari, использующий -webkit-animation: none! Important; вместо -webkit-animation-play-state: приостановлено; Этот подход предназначен для GWD, но может применяться в противном случае

  1. Не используйте событие Pause в GWD (Google Web Designer)
  2. Создайте нормальное событие, которое вызывает функцию javascript, установите «-webkit-animation: none! Important;» к <div> (вы можете добавить / удалить класс css)

Стиль CSS

 .no-animation { -webkit-animation: none !important; } 

Javascript

 div.className = div.className + " no-animation"; 
  1. Чтобы возобновить работу, удалите класс CSS

Javascript

 div.className = div.className.replace("no-animation", ''); 
  1. Обратите внимание, что при удалении / приостановке анимации он возвращается к кадру 0 (00:00 с), поэтому вам может потребоваться рассчитать текущую непрозрачность / позицию для div

http://jsfiddle.net/duchuy/pczsufL9/

  • Отзывчивый дизайн для ландшафта и портфолио iphone
  • Как открыть инструменты для разработчиков в эмуляторе iOS на браузере?
  • Верхняя панель заголовка с положением, закрепленным на iOS chrome, перемещается, когда вы прокручиваете
  • iOS 8 Safari и jQuery-minicolor: не удается разобрать ответ
  • Запретить прокрутку переполнения / резиновой ленты на iOS
  • Как сохранить анимированные gif анимированные при прокрутке на устройствах iOS?
  • Есть ли ошибка в настройке видового экрана iOS 7.1 минимального размера?
  • IOS ошибка фликкера при переполнении css: прокрутка изменяется на переполнение: скрыто
  • Как сделать одну сторону div-pointy с помощью CSS?
  • -webkit-overflow-scrolling: touch разбивает мой -webkit-scrollbar css в iOS
  • Проблема с Z-индексом в iOS Safari и Chrome
  • Interesting Posts

    найти подходящую должность в iOS

    willTransitionToState (UITableViewCell) не вызывается в определенной ситуации

    Это приложение модифицирует механизм автозапуска из фонового потока – ios9

    Xcode 9 застрял на миграции Swift 4

    Распространение iOS через manifest.plist – используя параметры строки запроса в строке url?

    settings.bundle ios настроить iOS8

    не разрешено загружать локальный ресурс ios9 cordova app

    Не удается захватить видео с помощью приложения камеры по умолчанию для iOS. Xamarin.iOS

    Создание UIImage в качестве подзадачи MKMapView снижает нагрузку на процессор по сравнению с тем, чтобы рисовать его как аннотацию в mapview. Зачем?

    MonoTouch не поддерживает метод OpenAsync для открытия соединения веб-службы при работе на устройстве (работает на симуляторе)

    Делегат PSCollectionView не работает

    UIActivityViewController для обмена изображениями с WeChat не работает

    iPhone: покупка (-а) в приложении должна быть представлена ​​с новой версией приложения

    Как узнать ориентацию, измененную в AppDelegate

    UICollectionView с бесконечной прокруткой?

    PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.