同位素跳轉緩慢連接

我忙於使用同位素（v2）編碼一個站點，它加載圖像並且它的響應速度很快，因此容器的寬度爲100％。圖像具有不同的高度，因此需要對同位素進行一些計算。同位素跳轉緩慢連接

最大的問題是，在連接速度較慢時，圖像尚未加載和加載完成之間存在跳躍。

如果我離開漂浮的物品/塊，然後他們坐在彼此，直到在陰溝裏踢，如果我去掉浮他們坐在一個的下面，直到他們在收拾..

有什麼我可以在沒有跳轉的情況下將它展示出來嗎？

我希望這是有道理的。 :)

Important note: Set throttling to "normal 3G" in chrome to see the problem

來源

2015-09-14 thatgerhard

向我們展示你的代碼，這是一種重現該問題，哪些是你試圖解決它......然後就會有感覺;） – gmo

@gmo完成的，請參閱與'3克測試原帖 – thatgerhard

編輯（〜20s）'，甚至在'2g（> 1m）'，但我沒有看到任何*「跳躍」* ...以任何方式，爲了避免你的問題，我可以建議使用「加載」圖像，直到每個圖像被加載到'DOM'內容中......我之前和Isotope有類似的問題，那是一個解決方案。 – gmo

而不是觸發佈局每個圖像負載你現在的樣子後，經過所有圖像初始化同位素都被載入。

var $grid = $('.grid').imagesLoaded(function() { 
// init Isotope after all images have loaded 
$grid.isotope({ 
itemSelector: '.grid-item', 
percentPosition: true, 
masonry: { 
    columnWidth: '.grid-sizer', 
    gutter: '.gutter-sizer' 
} 
}); 
});

來源

2015-09-16 01:36:18 Macsupport

同位素跳轉緩慢連接

回答

相關問題