私は同位体 + ブートストラップを使用しており、すべての画像が読み込まれた後に同位体を初期化しています。問題は、ロードした後、ページが実行されていた下部にこの空白スペースがすべてあることです。なぜこれが起こっているのか、それを修正するために何ができるのか誰かが知っていますか?
関連 URL: 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');
}
}
});
});