Я ввел некоторые логики затухания / затухания c при переходе между «экранами» в своем веб-приложении реагирования. Вы можете увидеть пример «перехода экрана» здесь: Кролик ( исходный код ).
Анимации работали нормально на моем телефоне в Safari, но не Chrome. Сначала я думал, что это как-то связано с Chrome на iOS, но сегодня, похоже, все работает нормально.
Я понял, что, когда я впервые попробовал это вчера, мой телефон был достаточно низкий заряд батареи (без предупреждения, может быть, примерно на 30% я sh). Сегодня, когда мой телефон полностью заряжен, анимация «перехода экрана» в Chrome работает нормально.
Я попытался воспроизвести, перейдя в iOS настройки доступности и настройку «Уменьшенное движение», но это не так. воспроизвести проблему. Мое приложение обнаруживает, что prefers-reduced-motion установлено на reduced, но анимации перехода экрана, кажется, работают нормально независимо от этого (хотя, возможно, в будущем я должен отключить анимацию, если медиа-запрос вернет true).
Итак, пока я сижу здесь и жду, пока разрядится мой телефон, может ли кто-нибудь указать мне какую-либо документацию о Chrome неисполнении анимации, если устройство разряжено?