Javascript iPad safari don';在滑动屏幕之前,不要显示加载的图像

Javascript iPad safari don';在滑动屏幕之前,不要显示加载的图像,javascript,ipad,dom,mobile-safari,Javascript,Ipad,Dom,Mobile Safari,我在iPad Safari中遇到了一个问题。当我使用Javascript使用elm.appendChild(img)将图像附加到div时,图像在触摸屏幕之前不会显示。同样的代码在IE、Firefox、Chrome和android浏览器上也能完美运行。 我上传了显示问题的视频。 它与设备有关吗?或者在iPad safari中加载图像有一些特殊代码? 或者任何解决方案?iPad(据我所知,它比iPhone更重要,尽管这只是一种直觉)因避免加载和渲染大型资源而臭名昭著,除非它决定用户将看到它们 在附加

我在iPad Safari中遇到了一个问题。当我使用Javascript使用elm.appendChild(img)将图像附加到div时,图像在触摸屏幕之前不会显示。同样的代码在IE、Firefox、Chrome和android浏览器上也能完美运行。 我上传了显示问题的视频。 它与设备有关吗?或者在iPad safari中加载图像有一些特殊代码? 或者任何解决方案?

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