iPad safariは、画面をスライドさせるまで、読み込んだ画像を表示しません。

Question

iPad Safariで問題があります。 elm.appendChild（img）を使ってdivに画像を追加するためにJavascriptを使用すると、画面がタッチされるまで画像が表示されません。 IE、Firefox、Chrome、アンドロイドブラウザでも同じコードが動作します。 問題を示す動画をアップロードしました。 http://www.youtube.com/watch?v=nBN9fThDik8 それはデバイスに関連していますか？ iPad Safariで画像を読み込むための特別なコードがありますか？ または任意のソリューションですか？

Answer 1

iPad（私が経験した限りでは、それはちょうど腸の感覚ですが）は、ユーザーがそれらを見ることになると判断しない限り、大きなリソースの読み込みや描画を避けることで有名です。

画像を追加した後で、レンダリング、つまりスクロールをトリガーするために必要なユーザー入力を偽装するのはどうですか？ここでのサンプルコードは、動作する可能性があり：

直後に呼ばれるように

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