jquery - Lazy Loadが画像の読み込みを遅らせるのと同じように、DIVを動的に表示する方法はありますか？

Question

スクロールするまでDIVを非表示にするにはどうすればよいですか？

いくつかの大きな背景画像の読み込みを高速化したいのですが、これらはIMG要素ではないため、遅延読み込みは実際にはオプションではありません。私が検討した他のことには、ページを3つのセクションに分割し、無限スクロールプラグインを使用し、背景画像をz-indexの下位のIMGに置き換えることが含まれます。

どうもありがとう！

Answer 1

すべてのCSS背景画像は、スタイルシートが解析された直後に読み込まれます。それらをこれ以上速くロードすることはできません。それらが大きい場合は、より良い圧縮を検討してください。ダウンロード時間に加えて各イメージのネットワークオーバーヘッドがあるため、いくつかの小さいものを使用しても、ロードが速くなることはありません。

"display:none"DIVに追加して$('divName').fadeIn('slow')、ページが読み込まれた後に使用することで、「遅延読み込み」のように見せることができます。