En utilisant jQuery Maçonnerie IsAnimatedFromBottom
-
26-10-2019 - |
Question
À l'heure actuelle, quand j'ajouter de nouveaux articles à mon conteneur de maçonnerie, ils sont ajoutés dans le coin en haut à gauche, puis se mettent en position. Cependant, cet exemple sur le site de maçonnerie les nouveaux éléments apparaissent en bas.
Il est dit dans la description de démonstration que la démo « utilise le drapeau IsAnimatedFromBottom », mais en regardant le code je ne peux pas le voir:
<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>
Toujours à la recherche des options listées il ne semble pas être énumérés, donc ne sait quiconque comment il est utilisé?
La solution 2
Désolé, toujours le chemin, a trouvé la réponse dès que je posté! Le drapeau est pas un paramètre de configuration, mais un paramètre pour la méthode en annexe
.masonry( 'appended', $content, isAnimatedFromBottom)
Autres conseils
avait du mal avec moi-même. Je pense que vous voulez vraiment mettre le drapeau vrai si au lieu de
.masonry( 'appended', $content, isAnimatedFromBottom )
voudrait
.masonry( 'appended', $content, true)