jQuery: 'load more' masonry elements?

Question

I have a few elements on my page which I\'m loading 5 at a time.

What I need to do is to animate the loaded elements using animate.css.

To explain this, I\'v

Answer 1

I don't think you will be able to achieve this effect using the column-count css because of the way it calculates the columns. When you set 'display:none;' on an item the positioning of the items in columns behaves as if it didn't exist. It seems the columns are also taking into account the height of the element.

My suggestion is could you change your approach and rather use your own wrappers for columns and your own javascript/jquery?

Anyway looking at this problem and searching around I found that your question appears to be a duplicate on here and here is the answer (similar conclusion to mine but there's a clever workaround too): CSS column-count elements jumping across columns