iPad Safari не показывает загруженные изображения, пока не сдвинется экран

Question

У меня проблема в iPad Safari.когда я использую Javascript для добавления изображения в div с помощью elm.appendChild (img), изображения не появляются до тех пор, пока не коснется экрана.один и тот же код прекрасно работает в браузерах IE, Firefox, Chrome и Android.Я загрузил видео, которое показывает проблему.http://www.youtube.com/watch?v=nBN9fThDik8 это связано с устройством?или есть какой-то специальный код для загрузки изображений в iPad safari?или какое-нибудь решение?

Answer 1

iPad (больше, чем iPhone, насколько я знаю, хотя это всего лишь интуиция) печально известен тем, что избегает загрузки и рендеринга больших ресурсов, если только он не решит, что пользователь их увидит.

Как насчет подделки пользовательского ввода, необходимого для запуска рендера, т.е. прокрутки, после добавления изображения? Пример кода здесь, может работать:

function scroll(){
    var body = document.body;
    var xy   = [body.scrollLeft, body.scrollTop];
    window.scrollTo(xy[0],xy[1]+1);
    window.scrollTo(xy[0],xy[1]);
};

Должен быть вызван сразу после, например:

appendImg();
scroll();