desandro / masonry

:love_hotel: Cascading grid layout plugin
https://masonry.desandro.com
16.28k stars 2.11k forks source link

Ability to force a single tall item to load in last column? #1133

Open demo38 opened 4 years ago

demo38 commented 4 years ago

Hello - I have a WordPress site where I'm using Masonry to arrange Category / Sub-Category groupings on a blog topics page. It's working perfectly, except, I have one category with about 60 sub-categories in it, while the others have around 5-10 each, so that element is therefore much taller than the others are.

Masonry is placing that tall element in the middle of the pack. The effect is that as you scroll down, it's all filled in, except when you get to the bottom, and the tall element (in the second column of 4) continues scrolling another page view or so, with all empty space to the right and left sides.

I'm looking for a way to force that tall element to the last spot in Masonry, because it would fill that 4th column on its own perfectly.

I've tried horizontalOrder, but it doesn't have an effect on where that element falls in the middle spots.

Is there any way to force that to the last spot in the Masonry grid?

Thanks for the plugin and your help, Jonathon