В настоящее время, когда я добавляю новые элементы в мой кладочный контейнер, они добавляются в верхний левый угол и затем летят в нужное положение.Однако в этом примере на веб-сайте кладки новые элементы появляются внизу.
В описании демо сказано, что демо «использует флаг 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>
Также, глядя на перечисленные опции , он не отображается в списке, так кто-нибудь знает, как это используется?