使用假滾動觸發Lazyload

Question

我使用Lazyload不加載隱藏div中的圖像。當我使用onClick事件顯示我的div時，圖像保持隱藏狀態。我需要滾動顯示它們。

在顯示div觸發Lazyload之後，是否可以創建假滾動？

我創建了一個scrollTop事件，但我的頁面已經在頂部，所以它不工作。

Answer 1

創建一個1px的scrollBottom事件。

粗略，但工作。

$('body,html').animate({ 
scrollTop: $(window).scrollTop() + 1 
}, 300); 
return false 

Answer 2

我已經看到了延遲加載也，當你表現出以前隱藏的div，頁面仍然需要一個微小的滾動事件「喚醒」懶惰加載圖像這一問題。所以模擬一個。 你可以做到這一點瞬間，沒有經過你的DIV第一呼叫顯示動畫：

$('body,html').scroll(); 

這將「滾動」沒有任何頁面滾動的網頁實際上是由用戶察覺，但它會得到懶加載圖像加載。