Проблема с отображением изображений в Safari iOS

Question

У меня возникло очень странное поведение в Safari на iPad.

Есть большое изображение, которое получает масштабируемое положение и положение при изменении ориентации. Это, вероятно, не имеет значения, но это прекрасно в портрете и «сломан» в ландшафте. Вот как он сломался:

Прогулка по большой полосе осуществляется горизонтально. Применяя некоторый CSS, я вижу, что я действительно смотрю на элемент контейнера через полосу (обычно около 40 пикселей в высоту и горизонтально перемещается по изображению).

Чтобы сделать его еще более озадачивающим, вот что происходит, когда я пытаюсь проверить код, подключив его к рабочему столу и используя веб-инспектор веб-сайта на рабочем столе: я проверяю элемент или даже соседний элемент, и изображение отображается правильно, как если бы какое-то событие было выпущено на iPad. Weird.

Кроме того, изображение будет отображаться правильно после того, как я просто коснусь страницы, без (насколько я знаю), запускаю событие, которое слушает мой JS.

О, и это началось с того, что я обновил iOS, думаю, от 6.0 до 6.1.

Я нахожусь на iOS 6.1.2 с Safari 8536.25.

У меня полная потеря. Может ли кто-нибудь указать мне в правильном направлении?

Answer 1

И ответ, нашел от этого вопроса и anwser:

iPad Safari scrolling causes HTML elements to disappear and reappear with a delay

*:not(html) { 
    -webkit-transform: translate3d(0, 0, 0); 
} 

Я не понимаю, но это работает.