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

在幻灯片屏幕滑动之前，iPad safari不会显示加载的图像

1 个答案: