同位素跳转缓慢连接

我忙于使用同位素（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

同位素跳转缓慢连接

回答

相关问题