我使用Masonry和Lazy加载来创建响应式砌体库,我遇到了一个问题,一切都很好,但是一些视口大小似乎在左侧添加了一个大的空白区域,我可能会突然出现盲人,但如果有人可以看看,我们会感激,这是它的页面
JS -
var $container = $('#masonry');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.item',
});
$('.item img').addClass('not-loaded');
$('.item img.not-loaded').lazyload({
effect: 'fadeIn',
load: function() {
// Disable trigger on this image
$(this).removeClass("not-loaded");
$container.masonry('reload');
}
});
$('.item img.not-loaded').trigger('scroll');
});
非常感谢,哈利。