CODEWITHSUNDEEP
javascripthtmlmasonry
jmhostalet
jmhostalet

Reputation: 4639

Deactivate masonry animation

I've developed a web page using masonry in order to rearrange a set of items of different heights, when user scroll down a "Loading..." message is shown and new items are loaded and layout is recalculated by masonry, so far so good. The problem is that the new items fly from the top left corner of the screen to their new position in the layout and I would like to deactivate that effect, I would prefer to fade in for example better than fly in from the top, or even do not have animation at all, just display the new item in their positions directly.

I am using masonry 3.1.5

I've tried with 

 $('#container').masonry().masonry( 'transitionDuration', 0 );
 $('#container').masonry().masonry( 'isAnimated', false );

What can I do?

Upvotes: 0

Views: 280

Answers (1)

tanatos_neon
tanatos_neon

Reputation: 26

the solution that worked for me was:

$("#container").masonry({
    transitionDuration: 0
});

Upvotes: 1

Related Questions