-
Masonry · Options
Cascading grid layout library
-
Masonry · Methods
itemSelector so that stamps do not get used as layout items.
var $grid = $('.grid').masonry({
// specify itemSelector so stamps do get laid out
itemSelector: '.grid-item',
columnWidth: 80
});
va...
-
Masonry · Layout
masonry layout mode, set percentage-width
percentPosition: true so item positions are likewise set with percentages to reduce adjustment transitions on window resize.
<div class="grid">
<!-- width ...
-
Masonry · FAQ
If your layout has images, you probably need to use imagesLoaded.
Overlaping items are caused by items that change size after a layout. This is caused by unloaded media: images, web fonts, embedded bu...
-
Masonry · Extras
npm install jquery-bridget
var $ = require('jquery');
var jQueryBridget = require('jquery-bridget');
var Masonry = require('masonry-layout');
// make Masonry a jQuery plugin
jQueryBridget( 'masonry',...
-
Masonry · Events
.on(),
.one().
// jQuery
var $grid = $('.grid').masonry({...});
function onLayout() {
console.log('layout done');
}
// bind event listener
$grid.on( 'layoutComplete', onLayout );
// un-bind event ...