当我将新项目追加到我的砌体容器时,它们被添加到左上角,然后飞入位置。但是,在砌体网站上的this example中,新元素出现在底部。使用jQuery Masonry IsAnimatedFromBottom
它说,在演示中介绍了演示“利用了IsAnimatedFromBottom标志”,但看代码,我不能看到它:
<script>
$(function(){
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.box',
columnWidth: 100
});
});
$container.infinitescroll({
navSelector : '#page-nav', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '.box', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/6RMhx.gif'
}
},
// trigger Masonry as a callback
function(newElements) {
var $newElems = $(newElements);
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$container.masonry('appended', $newElems, true);
});
}
);
});
</script>
也在考虑上市options它不” t似乎被列出,所以有人知道这是如何使用?