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();