我正在使用同位素 + 引导程序,并且在加载所有图像后我已初始化同位素。问题是在加载之后,页面曾经运行到的底部有所有这些空白区域。有谁知道为什么会发生这种情况以及我能做些什么来解决它?
相关网址: http: //www.viridian-graphics.com/
JS初始化代码:
$(function() {
// FIRE EVENTS ON SPECIFIC MEDIA QUERY BREAKS
mql('all and (max-width: 320px)', reLayout);
mql('all and (max-width: 480px)', reLayout);
mql('all and (max-width: 768px)', reLayout);
mql('all and (min-width: 980px)', reLayout);
mql('all and (min-width: 1200px)', reLayout);
$posts = $('#posts');
clear();
$container.imagesLoaded( function(){
$posts.isotope({
itemSelector: '.item',
animationEngineString: 'best-available',
filter : '.initial-load',
layoutMode: 'masonry',
resizable: true,
resizesContainer: true,
//transformsEnabled: false,
getSortData: {
category : function ($elem) {
return $elem.attr('data-category');
}
}
});
});