Lazyload を使用して、非表示の div に画像を読み込まないようにしています。onClick イベントで div を表示すると、画像は非表示のままになります。それらを表示するにはスクロールする必要があります。
Lazyload をトリガーするために div が表示された後に偽のスクロールを作成することは可能ですか?
scrollTop イベントを作成しましたが、ページが既に一番上にあるため、機能していません。
Lazyload を使用して、非表示の div に画像を読み込まないようにしています。onClick イベントで div を表示すると、画像は非表示のままになります。それらを表示するにはスクロールする必要があります。
Lazyload をトリガーするために div が表示された後に偽のスクロールを作成することは可能ですか?
scrollTop イベントを作成しましたが、ページが既に一番上にあるため、機能していません。
Lazy Load についてもこの問題を確認しました。以前は非表示だった div を表示した場合でも、Lazy Load 画像を「起動」するためにページに小さなスクロール イベントが必要です。したがって、1 つをシミュレートします。div で最初に show を呼び出した後、これをアニメーションなしで即座に実行できます。
$('body,html').scroll();
これにより、ユーザーがページのスクロールに実際に気付かずに Web ページが「スクロール」されますが、遅延ロードされた画像がロードされます。
1 px の scrollBottom イベントを作成します。
大ざっぱですが、機能しています。
$('body,html').animate({
scrollTop: $(window).scrollTop() + 1
}, 300);
return false